:root{--text-secondary:#536471;--text-secondary-green:#536556;--text-link-secondary:#286386}
:root{--ink:#14242e;--muted:#61707b;--line:#dce3e9;--paper:#f6f8fa;--white:#fff;--accent:#b8e5f5;--green:#176e9b;--soft:#eaf2f7;--radius:12px;font-family:Inter,Pretendard,'Segoe UI','Malgun Gothic',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere}p{word-break:keep-all;overflow-wrap:anywhere}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #268db7;outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}button{color:inherit}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}small{font-size:12px}h1{font-size:clamp(40px,5.1vw,72px);letter-spacing:-.065em;line-height:1.2;font-weight:650}h2{font-size:36px;letter-spacing:-.045em;line-height:1.35;font-weight:650}h3{font-size:21px;letter-spacing:-.025em;line-height:1.5}p{line-height:1.8}button{border:0;background:transparent}.skip{position:fixed;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:10px;z-index:50}.header{background:rgba(246,248,250,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav-wrap{max-width:1360px;margin:auto;height:84px;display:flex;align-items:center;gap:52px;padding:0 40px}.brand{font-size:30px;font-weight:760;letter-spacing:-1.8px}.brand-dot{color:#299fd2}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.header nav a{padding:31px 0;border-bottom:2px solid transparent}.header nav a.active{border-color:var(--green)}.nav-actions{margin-left:auto;display:flex;gap:22px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);padding:17px 23px;border:1px solid transparent;border-radius:6px;font-weight:650;font-size:15px;line-height:1.35;min-height:50px}.button:hover{filter:brightness(.95)}.button.dark{background:var(--ink);color:white}.button.outline{background:transparent;border-color:#adb9b0}.button.small{padding:12px 16px;min-height:40px;font-size:13px}.text-button{font-size:14px;padding:8px 0}.menu-button{display:none;font-size:22px}.shell{max-width:1280px;padding:64px 40px 100px;margin:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:22px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%}.hero{max-width:1360px;margin:auto;padding:80px 40px 0;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.hero h1{margin-bottom:25px}.hero p{font-size:18px;color:var(--muted);max-width:470px}.hero .actions{margin-top:32px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.caption{font-size:12px;color:var(--muted);margin-top:12px}.section{max-width:1280px;padding:88px 40px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-heading p{color:var(--muted);font-size:15px;margin-top:12px;max-width:520px}.link-arrow{font-size:14px;color:var(--green);white-space:nowrap}.entry{padding:32px;min-height:230px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:start}.entry:first-child{padding-left:0}.entry:last-child{border-right:0}.entry .number{font-size:12px;color:var(--muted);margin-bottom:36px}.entry h3{margin-bottom:13px}.entry p{font-size:14px;color:var(--muted)}.entry a{margin-top:auto;padding-top:20px}.page-head{max-width:810px;margin-bottom:38px}.page-head h1{font-size:48px;line-height:1.3;margin-bottom:20px}.page-head p{color:var(--muted);font-size:17px}.toolbar{display:flex;gap:12px;align-items:center;margin:26px 0}.search{position:relative;flex:1}.search input{width:100%;border:1px solid var(--line);background:white;padding:15px 18px;border-radius:7px;color:var(--ink);height:52px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}.chip{font-size:13px;padding:9px 16px;border:1px solid var(--line);border-radius:30px;background:transparent}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:27px;display:flex;flex-direction:column;align-items:start;min-width:0}.card:hover{border-color:#b4c4b0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-bottom:32px}.tag{font-size:11px;letter-spacing:.03em;color:var(--green);background:var(--soft);padding:5px 9px;border-radius:4px}.save{font-size:20px;color:#8a9690;padding:5px}.save.saved{color:var(--green)}.card h3{font-size:21px;margin-bottom:14px}.card p{font-size:14px;color:var(--muted);margin-bottom:22px}.card .link-arrow{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);width:100%}.result-count{font-size:13px;color:var(--muted);margin-bottom:18px}.empty{padding:65px 24px;text-align:center;background:white;border:1px solid var(--line);border-radius:12px;grid-column:1/-1}.empty h3{margin-bottom:12px}.empty p{color:var(--muted);font-size:15px;margin-bottom:22px}.article{max-width:800px;margin:0 auto}.back{display:inline-block;font-size:14px;color:var(--muted);margin-bottom:30px}.article h1{font-size:42px;line-height:1.4;margin:20px 0}.article .lead{font-size:18px;color:var(--muted);margin-bottom:35px}.steps{counter-reset:step;list-style:none;padding:0;margin:30px 0}.steps li{counter-increment:step;padding:22px 0 22px 60px;position:relative;border-top:1px solid var(--line);line-height:1.9;font-size:17px}.steps li:before{content:'0' counter(step);position:absolute;left:0;color:var(--green);font-family:monospace}.note{background:var(--soft);padding:23px 26px;border-radius:8px;margin:22px 0;line-height:1.8}.note strong{display:block;font-size:13px;color:var(--green);margin-bottom:6px}.prompt{background:var(--ink);color:white;border-radius:10px;padding:24px;line-height:1.9}.prompt .text-button{color:var(--accent);display:block;margin-top:15px}.sources{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.sources a{display:block;margin:12px 0;text-decoration:underline}.meta{font-size:13px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}.supplier-list{display:flex;flex-direction:column;gap:15px}.supplier{display:grid;grid-template-columns:1.1fr 1fr .8fr 32px;gap:28px;padding:30px;border:1px solid var(--line);background:white;border-radius:10px;align-items:center}.supplier h3{margin:8px 0 12px}.supplier p{font-size:13px;color:var(--muted)}.supplier .tags{display:flex;flex-wrap:wrap;gap:6px}.supplier .tags span{font-size:12px;border:1px solid var(--line);padding:5px 9px;border-radius:4px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.detail-block{padding:24px;background:white;border:1px solid var(--line);border-radius:8px}.detail-block h3{font-size:15px;margin-bottom:14px}.detail-block p,.detail-block li{font-size:14px;color:var(--muted);line-height:1.9}.thread{padding:25px 4px;border-bottom:1px solid var(--line);display:block}.thread h3{margin:12px 0 10px}.thread p{font-size:14px;color:var(--muted);max-width:900px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:17px;margin:35px 0}.comment{padding:23px 0;border-top:1px solid var(--line)}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:15px}.form{display:flex;flex-direction:column;gap:20px}.form label{display:flex;flex-direction:column;gap:8px;font-size:14px}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #cdd6ce;border-radius:6px;background:white;color:var(--ink)}.form textarea{resize:vertical;min-height:160px}.form .error{color:#a33c2e;font-size:14px}.form .actions{margin-top:8px}.checksum{word-break:break-all;font-family:monospace;font-size:12px;line-height:1.8;display:block}.step>span{color:var(--green);font-family:monospace}.step p{font-size:14px;color:var(--muted);margin-top:10px}.player{background:#111b1e;border-radius:12px;overflow:hidden;margin:25px 0}.player video{width:100%;display:block;max-height:610px}.status-tag{color:var(--green);font-size:12px}dialog{max-width:650px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;padding:32px;background:var(--paper);color:var(--ink);max-height:90vh}dialog::backdrop{background:rgba(10,25,22,.45)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{font-size:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:8px;padding:15px 24px;width:max-content;max-width:min(560px,calc(100vw - 32px));font-size:14px;line-height:1.6;overflow-wrap:anywhere;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.divider{height:1px;background:var(--line);margin:40px 0}.error-panel{border:1px solid #e0bbb2;padding:22px;border-radius:8px;background:#fff4f0}.error-panel p{font-size:14px}.error-panel button{margin-top:15px}
@media(min-width:1500px){.hero{padding-top:95px}}@media(max-width:1050px){.nav-wrap{gap:30px;padding:0 25px}.header nav{gap:18px}.nav-actions{gap:16px}.nav-actions>.small{display:none}.hero{gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.supplier{grid-template-columns:1fr 1fr 30px}.supplier>p{display:none}}@media(max-width:760px){.nav-wrap{height:68px;padding:0 22px}.brand{font-size:27px}.menu-button{display:block}.header nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);padding:12px 22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:14px 0}.hero{display:block;padding:45px 24px 0}.hero h1{font-size:43px}.hero p{font-size:16px}.section{padding:55px 24px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:18px}h2{font-size:29px}.entry{padding:25px 0;min-height:180px;border-right:0;border-bottom:1px solid var(--line)}.entry .number{margin-bottom:15px}.entry:last-child{border-bottom:0}.shell{padding:40px 24px 65px}.page-head p{font-size:16px}.cards{grid-template-columns:1fr}.card{padding:25px}.card-top{margin-bottom:23px}.toolbar{flex-wrap:wrap}.toolbar .search{min-width:100%}.toolbar .button{width:100%}.supplier{grid-template-columns:1fr 25px;padding:24px;gap:15px}.supplier .tags{grid-row:2;grid-column:1/-1}.details-grid{grid-template-columns:1fr}.article .lead{font-size:16px}.post-body{font-size:16px}.section-heading p{font-size:14px}.steps li{font-size:15px;padding-left:45px}.nav-actions{gap:20px}dialog{padding:24px}.page-head{margin-bottom:28px}}@media(max-width:760px){.hero h1{font-size:38px}}

@media(min-width:761px) and (max-width:1180px){.nav-wrap{gap:24px;padding:0 25px}.header nav{gap:18px}.header nav a,.nav-actions>.text-button{white-space:nowrap}.nav-actions{gap:16px}.nav-actions>.small{display:none}}
/* 약관·사업자 정보: data/legal 문서가 게시된 서버에서만 보인다 */
.legal-doc{max-width:860px}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:28px;font-size:13px}
.legal-nav a{color:var(--ui-ink-3)}
.legal-nav a[aria-current=page]{color:var(--ui-ink);font-weight:600}
.legal-body h2{font-size:19px;margin:34px 0 12px}
.legal-body p,.legal-body li{font-size:15px;line-height:1.85;color:var(--ui-ink-2)}
.legal-body ul{padding-left:20px;margin:0 0 12px}
.legal-contact{margin-top:40px;padding-top:20px;border-top:1px solid var(--ui-line)}
.legal-contact h2{font-size:16px;margin-bottom:8px}
.legal-business{display:grid;gap:0;margin-top:24px;border-top:1px solid var(--ui-line)}
.legal-business div{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--ui-line);font-size:14px}
.legal-business dt{color:var(--ui-ink-3)}
.legal-business dd{margin:0;overflow-wrap:anywhere}
.footer-legal{grid-column:1/-1;margin-top:18px;padding-top:14px;border-top:1px solid var(--ui-line);font-size:12px;line-height:1.8;color:var(--ui-ink-3)}
.footer-legal p{overflow-wrap:anywhere}
.footer-legal nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}
.footer-legal a{color:var(--ui-ink-2)}
@media(max-width:650px){.legal-business div{grid-template-columns:1fr;gap:4px}}