@font-face{font-family:'Pretendard Variable';src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}body[data-font=pretendard]{font-family:'Pretendard Variable',SUIT,Arial,sans-serif}body[data-font=suit]{font-family:SUIT,Arial,sans-serif}.preview-toolbar{position:fixed;right:22px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px)}.preview-toolbar .color-options,.preview-toolbar .preview-controls{position:static!important;right:auto!important;bottom:auto!important;flex-shrink:0}.preview-toolbar .motion-toggle{display:none!important}.font-options{display:flex;gap:1px;background:#fffffff2;border:1px solid #d4d9d5;border-radius:3px;padding:4px}.font-choice{display:grid;place-items:center;width:56px;height:32px;font-size:15px;font-weight:650;letter-spacing:-.03em;color:#545b56}.font-choice[data-font=pretendard]{font-family:'Pretendard Variable',sans-serif}.font-choice[data-font=suit]{font-family:SUIT,sans-serif}.font-choice[aria-pressed=true]{background:#203332;color:#fff}.font-choice:focus-visible{outline-offset:2px}@media(max-width:600px){.preview-toolbar{right:12px;bottom:12px;gap:7px}.font-choice{width:39px;height:30px;font-size:12px}.font-options{padding:3px}.preview-toolbar .color-options{gap:8px;padding:11px 9px}.preview-toolbar .color-options button{width:14px;height:14px}.preview-toolbar .preview-controls{padding:3px}.preview-toolbar .preview-controls a{width:28px;height:30px;font-size:11px}}

@font-face{font-family:'Wanted Sans Variable';src:url('assets/WantedSansVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}body[data-font=wanted]{font-family:'Wanted Sans Variable',SUIT,Arial,sans-serif}.font-choice[data-font=wanted]{font-family:'Wanted Sans Variable',sans-serif}.font-choice[data-font=pretendard]{width:112px;font-size:12px;letter-spacing:0}.font-choice[data-font=suit]{width:57px;font-size:13px}.font-choice[data-font=wanted]{width:79px;font-size:12px;letter-spacing:0}@media(max-width:600px){.preview-toolbar{display:grid;grid-template-columns:auto auto;gap:7px}.font-options{grid-column:1/-1;justify-self:end}.preview-toolbar .color-options{justify-self:end}.preview-toolbar .preview-controls{justify-self:end}.font-choice[data-font=pretendard]{width:91px;font-size:10px}.font-choice[data-font=suit]{width:44px;font-size:11px}.font-choice[data-font=wanted]{width:66px;font-size:10px}}

@font-face{font-family:'Gmarket Sans';src:url('assets/GmarketSansLight.woff2') format('woff2');font-weight:100 350;font-style:normal;font-display:swap}
@font-face{font-family:'Gmarket Sans';src:url('assets/GmarketSansMedium.woff2') format('woff2');font-weight:351 599;font-style:normal;font-display:swap}
@font-face{font-family:'Gmarket Sans';src:url('assets/GmarketSansBold.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
body[data-font=gmarket]{font-family:'Gmarket Sans',SUIT,sans-serif}.font-choice[data-font=gmarket]{font-family:'Gmarket Sans',sans-serif;width:100px;font-size:12px;padding-top:3px}@media(max-width:600px){.font-choice[data-font=gmarket]{width:84px;font-size:10px}}

@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-1Thin.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-2ExtraLight.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-3Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-4Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-5Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-6SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-7Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-8ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/Paperlogy-9Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
body[data-font=paperlogy]{font-family:Paperlogy,SUIT,sans-serif}.font-choice[data-font=paperlogy]{font-family:Paperlogy,sans-serif;width:100px;font-size:12px}@media(max-width:1000px){.preview-toolbar{display:grid;grid-template-columns:auto auto;gap:7px}.font-options{grid-column:1/-1;justify-self:end}.preview-toolbar .color-options,.preview-toolbar .preview-controls{justify-self:end}}@media(max-width:600px){.font-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:296px;max-width:calc(100vw - 24px)}.font-choice[data-font]{width:auto;grid-column:span 2;font-size:10px}.font-choice[data-font=gmarket],.font-choice[data-font=paperlogy]{grid-column:span 3}}

.font-options{position:relative}.font-tooltip{position:absolute;right:0;bottom:calc(100% + 14px);width:310px;max-width:calc(100vw - 24px);padding:19px 21px;background:#203332;color:#fff;border:1px solid #ffffff20;border-radius:4px;box-shadow:0 10px 35px #0002;text-align:left;font-family:SUIT,Arial,sans-serif;pointer-events:none;z-index:2}.font-tooltip[hidden]{display:none}.font-tooltip:after{content:'';position:absolute;right:24px;top:100%;border:7px solid transparent;border-top-color:#203332}.font-tooltip strong{font-size:14px;font-weight:700;letter-spacing:-.02em}.font-tooltip p{margin:9px 0 0;font-size:12px;line-height:1.75;color:#dde4df;font-weight:400;letter-spacing:-.02em}

.font-tooltip{position:fixed;right:auto;bottom:auto}.font-tooltip:after{right:auto;left:var(--tip-arrow,24px)}
