@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
*,*::before,*::after{box-sizing:border-box;}
body,div,span,p,a,ul,li,h1,h2,h3,h4{font-family:'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;}
body{margin:0;background:#fff;color:#1A1A1A;font-size:15px;line-height:1.8;}
a{color:inherit;text-decoration:none;}
p{margin:0 0 8px;}
.page{max-width:720px;margin:0 auto;padding:56px 24px 100px;}
.hero-title-wrap{padding-bottom:32px;margin-bottom:48px;border-bottom:1px solid #EBEBEB;}
.hero-title{font-size:32px;font-weight:800;letter-spacing:-0.035em;line-height:1.25;margin:0 0 14px;color:#1A1A1A;}
.intro-body{margin-top:14px;padding:14px 18px;border-left:3px solid #EBEBEB;font-size:15px;font-weight:500;color:#1A1A1A;line-height:1.75;}
.section{margin-bottom:64px;}
.section+.section{border-top:1px solid #EBEBEB;padding-top:56px;}
.section-title{font-size:22px;font-weight:800;letter-spacing:-0.025em;line-height:1.3;margin:0 0 32px;}
.guide-steps{display:flex;flex-direction:column;gap:0;}
.guide-step{display:flex;gap:20px;padding-bottom:32px;}
.guide-step:last-child{padding-bottom:0;}
.guide-step{cursor:default;transition:background .15s;border-radius:8px;padding-left:8px;margin-left:-8px;}
.guide-step:hover .gs-title{color:#FB4B3F;}
.gs-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;}
.gs-num{width:28px;height:28px;border-radius:50%;background:#1A1A1A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
.gs-line{width:1px;flex:1;background:#E0DEDA;margin-top:6px;min-height:24px;}
.guide-step:last-child .gs-line{display:none;}
.gs-body{padding-top:4px;flex:1;}
.gs-title{font-size:17px;font-weight:700;margin:0 0 10px;color:#1A1A1A;}
.gs-body ul{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:6px;}
.gs-body ul li{font-size:14px;color:#333;padding-left:14px;position:relative;line-height:1.75;}
.gs-body ul li::before{content:'•';position:absolute;left:0;color:#888;}
.gs-body p{font-size:14px;color:#333;line-height:1.75;}
.tip-box{background:#F0EFF9;border-radius:8px;padding:14px 18px;font-size:13px;color:#3B3BA0;line-height:1.75;margin:12px 0;display:flex;gap:8px;}
.tip-box p{margin:0 0 6px;font-size:13px;color:#3B3BA0;}
.tip-box p:last-child{margin-bottom:0;}
.warn-box{background:#FFFAF9;border:1px solid #FAC8BC;border-radius:6px;padding:12px 16px;font-size:13px;color:#555;line-height:1.7;margin:12px 0;}
.aside-box{background:#F7F6F3;border-radius:10px;padding:20px 24px;margin:24px 0;font-size:14px;color:#333;}
.aside-box strong{color:#1A1A1A;}
.aside-box ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:8px;}
.aside-box ul li{padding-left:14px;position:relative;line-height:1.75;}
.aside-box ul li::before{content:'•';position:absolute;left:0;color:#FB4B3F;}
.toc{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;}
.toc-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1A1A1A;background:#F5F5F2;border:1px solid #E0DEDA;border-radius:8px;padding:8px 16px;text-decoration:none;transition:background .15s;}
.toc-btn:hover{background:#EEECEA;color:#1A1A1A;}
.toc-btn span{font-size:11px;width:18px;height:18px;background:#1A1A1A;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
.contact-box{background:#F7F6F3;border-radius:10px;padding:22px 28px;margin-top:4px;}
.contact-box p{font-size:14px;color:#333;margin:0 0 10px;}
.contact-email{font-size:16px;font-weight:700;color:#1A1A1A;}
.fixed-cta{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #EBEBEB;padding:14px 40px;display:flex;justify-content:center;z-index:999;}
.page{padding-bottom:88px;}
@media(max-width:540px){.page{padding:36px 18px 80px;}.hero-title{font-size:26px;}.section-title{font-size:19px;}}
