:root{--ink:#000;--canvas:#fff;--muted:#5d5d5d;--ink2:#303033;--ink3:#474747;--line:#ddd;--accent:#ff4800;--tint:#f4f4f4;--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font:400 16px/24px var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;padding-bottom:80px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}input,select,textarea{font:inherit;color:inherit}svg{display:block}.wrap{max-width:1440px;margin:0 auto;padding:0 40px}.narrow{max-width:720px;margin:0 auto}.mid{max-width:1080px;margin:0 auto}.t-xl{font:700 40px/60px var(--font);letter-spacing:-.01em}.t-ed{font:600 23px/29.9px var(--font)}.t-body{font:400 16px/24px var(--font)}.t-sm{font:400 13px/18.2px var(--font)}.t-cap{font:400 12px/16.3px var(--font);color:var(--muted)}.t-flag{font:500 10px/12px var(--font)}.muted{color:var(--muted)}.ink2{color:var(--ink2)}.ink3{color:var(--ink3)}.accent{color:var(--accent)}.b{font-weight:700}.num{font-variant-numeric:tabular-nums}.right{text-align:right}.center{text-align:center}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt28{margin-top:28px}.mt48{margin-top:48px}.mt56{margin-top:56px}.mt80{margin-top:80px}.row{align-items:center;gap:8px;display:flex}.row.sp{justify-content:space-between}.row.top{align-items:flex-start}.row.wrapx{flex-wrap:wrap}.gap16{gap:16px}.gap24{gap:24px}.grow{flex:1}.hide{display:none!important}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);height:36px;font:500 13px/34px var(--font);white-space:nowrap;background:#fff;border-radius:10px;padding:0 16px}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.check{font:400 13px/18.2px var(--font);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{accent-color:#000;width:16px;height:16px}.btn{color:#000;border:1px solid var(--line);height:52px;font:700 14px/20px var(--font);white-space:nowrap;background:#fff;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 16px 20px;display:inline-flex}.btn:hover{border-color:var(--ink)}.btn.solid{background:var(--ink);border-color:var(--ink);color:#fff}.btn.solid:hover{background:var(--ink2)}.btn.block{width:100%;display:flex}.btn.mid-c{justify-content:center}.btn[disabled]{color:var(--muted);background:var(--tint);border-color:var(--line);cursor:not-allowed}.btn-sm{border:1px solid var(--line);height:36px;font:700 13px/18.2px var(--font);white-space:nowrap;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.btn-sm:hover{border-color:var(--ink)}.btn-sm.solid{background:var(--ink);border-color:var(--ink);color:#fff}.btn-sm[disabled]{color:var(--muted);background:var(--tint);cursor:not-allowed;border-color:var(--line)}.btn-text{font:700 13px/18.2px var(--font);text-underline-offset:3px;text-decoration:underline}.field{margin-top:16px;display:block}.label{font:700 11px/15px var(--font);margin-bottom:8px;display:block}.label em{color:var(--muted);font-style:normal;font-weight:500}.input,.select,.textarea{border:1px solid var(--line);width:100%;height:52px;font:400 16px/24px var(--font);background:#fff;border-radius:4px;outline:0;padding:0 16px;display:block}.textarea{resize:vertical;height:auto;min-height:96px;padding:12px 16px}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink)}.input.err{border-color:var(--ink);border-width:2px}.input.sm,.select.sm{height:36px;font:400 13px/18.2px var(--font);padding:0 8px}.help{font:400 12px/16.3px var(--font);color:var(--muted);margin-top:4px}.help.err{color:var(--ink);font-weight:700}.grid2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.qty{align-items:center;display:inline-flex}.qty button{border:1px solid var(--line);width:36px;height:36px;font:500 16px/34px var(--font)}.qty input{border:1px solid var(--line);text-align:center;width:56px;height:36px;font:500 16px/24px var(--font);background:#fff;border-left:0;border-right:0;border-radius:0;outline:0}.kv{font:400 13px/18.2px var(--font);grid-template-columns:112px 1fr;gap:8px 16px;display:grid}.kv dt{color:var(--muted)}.kv dd{color:var(--ink2)}.tbl-wrap{overflow-x:auto}.tbl{font:400 13px/18.2px var(--font)}.tbl th{font:700 11px/15px var(--font);color:var(--muted);text-align:left;border-bottom:1px solid var(--ink);white-space:nowrap;padding:8px}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink2);padding:12px 8px}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl td.empty{text-align:center;color:var(--muted);padding:48px 8px}.tbl tr.dim td{color:var(--muted);background:var(--tint)}.tbl td .sub{font:400 12px/16.3px var(--font);color:var(--muted);display:block}.tbl td.act{white-space:nowrap;text-align:right}.tbl a.lnk{color:var(--ink);text-underline-offset:3px;font-weight:700;text-decoration:underline}.st{border:1px solid var(--line);font:700 11px/15px var(--font);color:var(--ink);white-space:nowrap;background:#fff;border-radius:2px;padding:2px 6px;display:inline-block}.st.on{background:var(--ink);border-color:var(--ink);color:#fff}.st.mute{color:var(--muted);background:var(--tint);border-color:var(--tint)}.thumb{aspect-ratio:5/6;background:var(--tint);border-radius:4px;flex:none;width:56px;overflow:hidden}.thumb svg{width:100%;height:100%}.thumb img,.pc-img img,.gal-main img,.gal-thumbs img,.imgbox img{object-fit:cover;width:100%;height:100%;display:block}.card{border:1px solid var(--line);background:#fff;border-radius:4px;padding:24px}.card.tint{background:var(--tint);border-color:var(--tint)}.card h4{font:700 11px/15px var(--font);color:var(--muted);letter-spacing:.02em}.fig{font:700 40px/60px var(--font);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.fig small{font:700 16px/24px var(--font);margin-left:2px}.fig-md{font:600 23px/29.9px var(--font);font-variant-numeric:tabular-nums}.bar{background:var(--tint);height:8px;position:relative}.bar i{background:var(--ink);position:absolute;top:0;bottom:0;left:0}.bar-scale{font:500 10px/12px var(--font);color:var(--muted);justify-content:space-between;margin-top:8px;display:flex}.note{background:var(--tint);font:400 13px/18.2px var(--font);color:var(--ink3);border-radius:4px;padding:16px}.note b{color:var(--ink)}.hr{border:0;border-top:1px solid var(--line);margin:24px 0}.hr.ink{border-color:var(--ink)}.page-head{padding:40px 0 24px}.page-head p{color:var(--ink3);font:400 13px/18.2px var(--font);margin-top:8px}.crumb{font:400 12px/16.3px var(--font);color:var(--muted);padding-top:24px}.crumb a:hover{text-decoration:underline}.tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:24px;display:flex;overflow-x:auto}.tabs button{font:700 14px/20px var(--font);color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0}.tabs button.on{color:var(--ink);border-color:var(--ink)}.tabs button span{margin-left:4px;font-weight:500}.steps{border-top:1px solid var(--ink);margin-bottom:40px;display:flex}.steps li{font:700 13px/18.2px var(--font);color:var(--muted);flex:1;padding:16px 16px 0 0}.steps li b{font:700 11px/15px var(--font);margin-bottom:4px;display:block}.steps li.on,.steps li.done{color:var(--ink)}.steps li.on{border-top:3px solid var(--ink);margin-top:-1px;padding-top:14px}.tl{border-left:1px solid var(--line);margin-left:4px}.tl li{font:400 13px/18.2px var(--font);color:var(--ink2);padding:0 0 24px 24px;position:relative}.tl li:before{content:"";border:1px solid var(--muted);background:#fff;border-radius:9999px;width:9px;height:9px;position:absolute;top:4px;left:-5px}.tl li.done:before{background:var(--ink);border-color:var(--ink)}.tl li.wait{color:var(--muted)}.tl li time{font:400 12px/16.3px var(--font);color:var(--muted);display:block}.tl li b{color:var(--ink)}.split{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px;display:grid}.cols2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.cols3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.modal-bg{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:4px;width:100%;max-width:560px;max-height:calc(100vh - 48px);padding:28px;overflow:auto}.modal.wide{max-width:800px}.modal h3{font:600 23px/29.9px var(--font)}.modal .foot{justify-content:flex-end;gap:8px;margin-top:28px;display:flex}.toast-root{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;font:500 13px/18.2px var(--font);border-radius:4px;max-width:80vw;padding:12px 16px}.errbox{white-space:pre-wrap;border:2px solid #000;margin:40px;padding:24px;font:400 13px/18.2px monospace}@media (width<=1180px){.split{grid-template-columns:1fr}}@media (width<=860px){.wrap{padding:0 16px}.t-xl,.fig{font-size:28px;line-height:42px}.cols2,.cols3,.grid2,.grid3,.grid4{grid-template-columns:1fr}}.gnb{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:64px;display:flex;position:sticky;top:0}.gnb .wrap{width:100%}.gnb .logo{font:800 18px/24px var(--font);letter-spacing:.02em}.gnb nav a{font:700 14px/20px var(--font);color:var(--muted)}.gnb nav a.on,.gnb nav a:hover{color:var(--ink)}.pgrid{grid-template-columns:repeat(4,1fr);gap:40px 16px;display:grid}.pc-img{aspect-ratio:5/6;font:800 13px/18px var(--font);letter-spacing:.04em;border-radius:4px;align-items:flex-end;padding:16px;display:flex}.price{font:700 16px/24px var(--font);font-variant-numeric:tabular-nums}.price s{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.lock{font:500 13px/18px var(--font);color:var(--muted)}.err-msg{border:2px solid var(--ink);font:700 13px/18px var(--font);border-radius:4px;margin-top:16px;padding:12px 16px}.ok-msg{background:var(--tint);font:700 13px/18px var(--font);border-radius:4px;margin-top:16px;padding:12px 16px}.lines td{vertical-align:top}.inline{display:inline}@media (width<=1180px){.pgrid{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.pgrid{grid-template-columns:repeat(2,1fr)}.gnb nav{display:none}}
