:root{color-scheme:dark;--ink:#edf7f5;--muted:#bfd0d4;--line:rgba(191,231,223,.16);--mint:#9ce8d1;--gold:#e8c77e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;background:#071a29;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR",sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--mint);outline-offset:5px;border-radius:6px}
.guide-atmosphere{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% -15%,#1c62564f,transparent 54%),linear-gradient(180deg,#071a29 0%,#0a2330 55%,#071824 100%)}.guide-atmosphere:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 20%,#d7f5e9aa 50%,transparent 100%),radial-gradient(1px 1px at 75% 12%,#e7d6a988 50%,transparent 100%),radial-gradient(1px 1px at 88% 46%,#d7f5e988 50%,transparent 100%),radial-gradient(1px 1px at 34% 62%,#d7f5e966 50%,transparent 100%);opacity:.6}.guide-aurora{position:absolute;width:75vw;height:38vw;min-height:260px;filter:blur(75px);border-radius:50%;opacity:.15;animation:guideAurora 16s ease-in-out infinite alternate}.guide-aurora--one{top:-22%;left:4%;background:linear-gradient(100deg,#42b98c,#65d7d2,#6676c8);transform:rotate(-13deg)}.guide-aurora--two{top:18%;right:-35%;background:linear-gradient(100deg,#4da58a,#d1b66c);opacity:.08;animation-duration:21s}@keyframes guideAurora{to{transform:translate3d(4%,8%,0) rotate(8deg) scale(1.08);opacity:.22}}
.guide-skip{position:fixed;top:-60px;left:14px;z-index:100;background:#143c43;padding:10px 14px;border-radius:8px}.guide-skip:focus{top:12px}.guide-header{width:min(1120px,calc(100% - 48px));margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.guide-brand{font-size:16px;font-weight:750;letter-spacing:2.5px}.guide-brand span{color:var(--mint)}.guide-header-links{display:flex;gap:20px;align-items:center}.guide-header-links a{font-size:12px;color:#c6d9d9;transition:color .2s}.guide-header-links a:hover{color:var(--gold)}
.guide-main{width:min(960px,calc(100% - 40px));margin:0 auto}.guide-hero{position:relative;text-align:center;padding:76px 20px 55px;overflow:hidden}.guide-hero:before{content:"";position:absolute;left:50%;top:65px;width:300px;height:220px;transform:translateX(-50%);background:radial-gradient(ellipse,#7ee7c91b,transparent 68%);pointer-events:none}.guide-book-emblem{position:relative;width:92px;margin:0 auto 16px;filter:drop-shadow(0 0 20px #eacb7c3b);animation:bookFloat 5s ease-in-out infinite}.guide-book-emblem svg{display:block;width:100%;height:auto;overflow:visible}@keyframes bookFloat{50%{transform:translateY(-6px) rotate(-1deg)}}.guide-eyebrow,.guide-section-kicker{margin:0 0 8px;color:var(--mint);font-size:10px;font-weight:700;letter-spacing:3px}.guide-hero h1{margin:0;color:#f4f5e9;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(34px,6vw,54px);font-weight:500;letter-spacing:2px;text-shadow:0 0 32px #b8ebd32b}.guide-hero-copy{margin:17px 0 24px;color:#d0e0df;font-size:15px;line-height:1.9}.guide-primary-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 19px;border:1px solid #c7d99b68;border-radius:999px;background:linear-gradient(120deg,#183d3abf,#2b493e9c);color:#f6e6b8;font-size:12px;font-weight:700;box-shadow:0 0 24px #9fe6c21a;transition:transform .2s,border-color .2s,box-shadow .2s}.guide-primary-link:hover{transform:translateY(-2px);border-color:#e9cf8d;box-shadow:0 0 30px #e9cf8d2a}.guide-primary-link span{font-size:15px}.guide-hero-note{margin:14px 0 0;color:#8faeb2;font-size:11px}
.guide-toc{position:sticky;top:10px;z-index:5;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:0 0 28px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#071b2bd9;backdrop-filter:blur(18px);box-shadow:0 12px 35px #00111c55}.guide-toc a{padding:6px 10px;border:1px solid transparent;border-radius:999px;color:#bdd0d1;font-size:11px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.guide-toc a:hover{color:#f4e3b6;background:#b9d8c512;border-color:#d9ca8b38}.guide-content{display:grid;gap:18px}.guide-section{scroll-margin-top:94px;padding:clamp(22px,4vw,38px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(13,39,50,.88),rgba(7,26,39,.83));backdrop-filter:blur(15px);box-shadow:0 18px 55px #00101c35}.guide-section--intro{background:linear-gradient(130deg,rgba(17,55,53,.84),rgba(8,29,42,.9))}.guide-section-heading{display:flex;align-items:center;gap:15px;margin-bottom:22px}.guide-section-number{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid #d6bd7959;border-radius:14px;color:var(--gold);font-family:Georgia,serif;font-size:17px;background:#d7c17a0d}.guide-section-heading .guide-section-kicker{margin-bottom:2px;font-size:8px;letter-spacing:2px;color:#9ccfc0}.guide-section h2{margin:0;color:#f0f2e8;font-size:clamp(20px,3vw,26px);font-weight:600;letter-spacing:-.7px;line-height:1.45}.guide-section p{margin:0 0 13px;color:#c4d4d5;font-size:14px;line-height:1.95}.guide-section p:last-child{margin-bottom:0}.guide-section strong{color:#f1e3b8;font-weight:700}.guide-quote{margin-top:22px;padding:17px 19px;border-left:2px solid var(--gold);border-radius:0 12px 12px 0;background:#d8c27a0c;color:#e4e0c9;font-size:14px;line-height:1.9}.guide-quote span{margin-right:8px;color:var(--gold)}.guide-section-lead{margin-top:-10px!important}
.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.guide-step{padding:20px;border:1px solid #b6d9d41c;border-radius:15px;background:linear-gradient(140deg,#153a453d,#071c2a66)}.guide-step-number{display:inline-block;margin-bottom:10px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:2px}.guide-step h3,.guide-promise-grid h3{margin:0 0 9px;color:#e8f0e8;font-size:15px;font-weight:650}.guide-step p,.guide-promise-grid p{margin:0 0 9px;font-size:12px;line-height:1.85}.guide-step ul{margin:7px 0 0;padding-left:18px;color:#b9cece;font-size:12px;line-height:1.9}.guide-example{margin-top:12px;padding:12px 14px;border-radius:10px;background:#e7d18b0c;color:#e5d8b5;font-size:12px;line-height:1.9}.guide-callout{display:flex;gap:13px;margin:18px 0;padding:18px 20px;border:1px solid #dfc27a45;border-radius:14px;background:linear-gradient(120deg,#c4a75e12,#9be4cf08)}.guide-callout strong{display:block;margin-bottom:5px;color:#f0dfae;font-size:14px;line-height:1.65}.guide-callout p{margin:0;font-size:12px}.guide-callout--important{display:block;border-color:#e5c77a66;background:linear-gradient(120deg,#b9944d1c,#163e3b55)}.guide-callout-icon{flex:0 0 auto;color:var(--mint);font-size:24px;line-height:1.2}.guide-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:14px 0 18px;padding:0;list-style:none}.guide-check-list li{position:relative;padding-left:22px;color:#c9d9d7;font-size:12px;line-height:1.8}.guide-check-list li:before{content:"✦";position:absolute;left:0;top:0;color:var(--mint);font-size:11px}.guide-promise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0}.guide-promise-grid article{padding:18px;border:1px solid #b7d9d21c;border-radius:14px;background:#0c2c3a66}.guide-promise-grid article>span{display:inline-block;margin-bottom:7px;color:var(--gold);font-size:18px}.guide-contact-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:20px;border:1px solid #b5ddcf30;border-radius:15px;background:linear-gradient(110deg,#123b3c8a,#0c293b9c)}.guide-contact-label{display:block;margin-bottom:5px;color:var(--mint);font-size:9px;font-weight:800;letter-spacing:2px}.guide-contact-card strong{font-size:15px;word-break:break-word}.guide-contact-card p{margin:5px 0 0;font-size:11px}.guide-contact-card>a{flex:0 0 auto;padding:9px 13px;border:1px solid #c7d99b55;border-radius:999px;color:#f3e2b4;font-size:11px;font-weight:700}.guide-contact-card>a:hover{background:#e8d08a12}
.guide-closing{position:relative;margin:20px 0 35px;padding:44px clamp(22px,5vw,58px);overflow:hidden;border:1px solid #d4c17a42;border-radius:24px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#72d5b41c,transparent 65%),linear-gradient(140deg,#123b3dcb,#0a2435e8);box-shadow:0 20px 60px #00101b55}.guide-closing-star{display:block;margin-bottom:12px;color:var(--gold);font-size:25px;text-shadow:0 0 20px #e8c77e77}.guide-closing h2{margin:0 0 18px;color:#f3e8c8;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(22px,4vw,30px);font-weight:500;line-height:1.5}.guide-closing p{max-width:690px;margin:0 auto 12px;color:#c8d8d6;font-size:13px;line-height:2}.guide-closing .guide-closing-question{margin:20px auto 23px;color:#f0dfb4;font-size:15px;font-weight:700}.guide-footer{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:22px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;color:#8eaaaf;font-size:11px}.guide-footer a:first-child{color:#d8e7df;font-weight:750;letter-spacing:1.5px}.guide-footer a:hover{color:var(--gold)}
@media(max-width:700px){body{font-size:14px}.guide-header{width:calc(100% - 32px);min-height:66px}.guide-brand{font-size:14px}.guide-header-links{gap:12px}.guide-header-links a{font-size:10px}.guide-main{width:calc(100% - 24px)}.guide-hero{padding:56px 10px 38px}.guide-book-emblem{width:78px}.guide-hero-copy{font-size:13px}.guide-toc{position:relative;top:auto;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-bottom:16px;padding:9px;scrollbar-width:none}.guide-toc::-webkit-scrollbar{display:none}.guide-toc a{font-size:10px}.guide-section{padding:22px 18px;border-radius:17px}.guide-section-heading{gap:11px;margin-bottom:17px}.guide-section-number{flex-basis:37px;width:37px;height:37px;border-radius:12px;font-size:15px}.guide-section h2{font-size:19px}.guide-section p{font-size:13px}.guide-steps,.guide-promise-grid,.guide-check-list{grid-template-columns:1fr}.guide-step{padding:17px}.guide-contact-card{align-items:flex-start;flex-direction:column}.guide-contact-card>a{align-self:flex-start}.guide-closing{padding:34px 19px}.guide-footer{width:calc(100% - 32px);flex-wrap:wrap;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}