@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@1.3.9/dist/web/variable/pretendardvariable.css";
.design-page{word-break:keep-all;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;letter-spacing:-.012em;color:#222b40;background:#f5f5f5;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,sans-serif}.design-page .font-display{font-family:inherit}.design-page .text-sub{color:#7a818e}.design-page .block{background:#fff;border:1px solid #e9ebef;border-radius:20px;box-shadow:0 1px 2px #222b4008,0 10px 30px #222b400d}.design-page .bg-navy-grad{background:linear-gradient(135deg,#1d2536 0%,#2b3852 100%)}.design-page .tile{-webkit-tap-highlight-color:transparent;transition:border-color .16s,background-color .16s,box-shadow .16s}.design-page .tile:hover{background-color:#fafbfc}.design-page .tile.bordered{border:1px solid #e9ebef;border-radius:16px}.design-page .tile.bordered:hover{border-color:#d6dae1;box-shadow:0 4px 14px #222b400f}.design-page .ic-circle{color:#333f5c;background:#f0f2f5;transition:transform .18s,background-color .18s}.design-page .tile:hover .ic-circle{background:#eaedf2;transform:translateY(-2px)}html.dark .design-page .ic-circle{color:#aeb9ce;background:#1c2434}.design-page .nav-item{color:#4a5468;white-space:nowrap;padding:4px 0;transition:color .15s;position:relative}.design-page .nav-item:hover,.design-page .nav-item.active{color:#222b40}.design-page .nav-item:after{content:"";background:#f15a24;border-radius:50%;width:5px;height:5px;transition:transform .18s;position:absolute;top:-7px;left:50%;transform:translate(-50%)scale(0)}.design-page .nav-item:hover:after,.design-page .nav-item.active:after{transform:translate(-50%)scale(1)}html.dark .design-page .nav-item{color:#aeb9ce}html.dark .design-page .nav-item:hover,html.dark .design-page .nav-item.active{color:#fff}.design-page .pill-badge{letter-spacing:0;border-radius:999px;align-items:center;gap:5px;padding:6px 13px;font-size:12.5px;font-weight:700;line-height:1;display:inline-flex}.design-page .search-toggle{flex:none;width:40px;height:40px;position:relative}.design-page .search-toggle .s-ico{z-index:2;color:#4a5468;cursor:pointer;border:1.5px solid #d6dae1;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s,border-color .15s;display:flex;position:absolute;top:0;right:0}.design-page .search-toggle:not(:focus-within) .s-ico:hover{background:#f0f2f5}.design-page .search-toggle:focus-within .s-ico{border-color:#0000}.design-page .search-toggle input{z-index:1;opacity:0;width:40px;height:40px;font:inherit;color:#222b40;background:#fff;border:1.5px solid #0000;border-radius:999px;outline:0;padding:0;font-size:14px;transition:width .28s cubic-bezier(.4,0,.2,1),opacity .2s,border-color .2s,box-shadow .2s;position:absolute;top:0;right:0}.design-page .search-toggle:focus-within input{opacity:1;border-color:#d6dae1;width:min(340px,44vw);padding:0 46px 0 18px;box-shadow:0 8px 22px #222b401f}html.dark .design-page .search-toggle .s-ico{border-color:#ffffff2e}html.dark .design-page .search-toggle input{color:#e6eaf2;background:#141b2b}html.dark .design-page .search-toggle:focus-within input{border-color:#ffffff29;box-shadow:0 8px 22px #0006}.design-page .dot-i{background:#ffffff47;border-radius:50%;width:7px;height:7px}.design-page .dot-i.on{background:#f15a24;border-radius:4px;width:18px}.design-page .cta3d{white-space:nowrap;color:#fff;background:linear-gradient(#fb8350,#ec5814);border-radius:999px;justify-content:center;align-items:center;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #fff6,inset 0 -2px 5px #0000002e,0 6px 14px #e04e1059}.design-page .cta3d:hover{filter:brightness(1.05);transform:translateY(-1px)}.design-page .cta3d:active{transform:translateY(0);box-shadow:inset 0 2px 6px #00000038}.design-page .lbl{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.design-page .fld{width:100%;height:48px;font:inherit;color:#222b40;background:#fff;border:1.5px solid #e2e5ea;border-radius:12px;outline:0;padding:0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.design-page textarea.fld{resize:vertical;height:auto;padding:13px 16px}.design-page .fld:focus{border-color:#f15a24;box-shadow:0 0 0 3px #f15a241f}.design-page .fld::placeholder{color:#a6adb8}html.dark .design-page .fld{color:#e6eaf2;background:#141b2b;border-color:#ffffff1f}.design-page .chip{white-space:nowrap;color:#4a5468;cursor:pointer;background:#fff;border:1.5px solid #e2e5ea;border-radius:999px;align-items:center;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.design-page .chip:hover{background:#fafbfc;border-color:#d6dae1}.design-page .chip.on{color:#d14e10;background:#fff3ed;border-color:#f15a24;font-weight:700}html.dark .design-page .chip{color:#aeb9ce;background:#141b2b;border-color:#ffffff1f}html.dark .design-page .chip.on{color:#ff8a54;background:#f15a2424;border-color:#f15a24}.design-page .step{color:#a6adb8;white-space:nowrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.design-page .step .n{color:#8a919e;background:#edeff3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12.5px;font-weight:800;display:flex}.design-page .step.on{color:#222b40;font-weight:700}.design-page .step.on .n{color:#fff;background:#f15a24}.design-page .step.done .n{color:#fff;background:#232b40}html.dark .design-page .step.on{color:#fff}html.dark .design-page .step .n{color:#8d96a6;background:#ffffff14}html.dark .design-page{color:#e6eaf2;background:#0c111c}html.dark .design-page .block{background:#141b2b;border-color:#ffffff12;box-shadow:0 1px 3px #0006,0 12px 30px #00000047}html.dark .design-page .text-sub{color:#8d96a6}html.dark .design-page .tile:hover{background-color:#ffffff08}html.dark .design-page .tile.bordered{border-color:#ffffff14}html.dark .design-page .tile.bordered:hover{box-shadow:none;border-color:#ffffff2e}html.dark .design-page .search-toggle:focus-within{background:#141b2b;border-color:#ffffff26!important}html.dark .design-page .search-toggle .s-ico{color:#9fb0d0}@media (max-width:640px){.design-page .search-toggle:focus-within input{width:44vw}}@media (prefers-reduced-motion:reduce){.design-page .tile,.design-page .ic-circle,.design-page .search-toggle,.design-page .search-toggle input{transition:none!important}}