.social-signup-modal-backdrop{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.45)}.social-signup-modal-card{width:100%;max-width:460px;box-sizing:border-box;background:#fff;border-radius:16px;padding:2.1rem 2.4rem;box-shadow:0 18px 45px rgba(15,23,42,.18)}.social-signup-modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .75rem}.social-signup-modal-main{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 .25rem}.social-signup-modal-sub{font-size:.9rem;line-height:1.5;color:#4b5563;margin:0 0 1.6rem}.social-signup-modal-buttons{display:flex;justify-content:flex-end;gap:.75rem}.social-signup-btn-primary,.social-signup-btn-secondary{border:none;border-radius:999px;padding:.55rem 1.4rem;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap}.social-signup-btn-primary{background:#111827;color:#fff}.social-signup-btn-primary:hover{filter:brightness(.95)}.social-signup-btn-secondary{background:#f3f4f6;color:#374151}.social-signup-btn-secondary:hover{background:#e5e7eb}.social-signup-provider-label{font-weight:700;margin-right:.15rem;color:#111827}.social-signup-provider-label--kakao{color:#f7e600}.social-signup-provider-label--naver{color:#2db400}.social-signup-provider-label--google{color:#ea4335}.dum-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain}.design-upload-modal{--du-primary:#2154ee;--du-bg:#fff;--du-panel:#fafbff;--du-line:#e6ecff;--du-muted:#6b7280;--du-shadow:0 18px 60px rgba(0,0,0,.25);--du-radius:12px;width:min(3800px,94vw);height:92vh;background:#fff;border-radius:14px;box-shadow:var(--du-shadow);display:grid;grid-template-columns:170px 1fr 460px;gap:16px;position:relative;overflow:hidden;contain:layout paint;isolation:isolate}.design-upload-modal .du-center,.design-upload-modal .du-left,.design-upload-modal .du-right{min-width:0}.design-upload-modal .du-left{overflow-x:hidden;padding:15px;min-height:0;background:#fff}.design-upload-modal .du-left-title{font-weight:800;font-size:14px;color:#1f53e3;margin:6px 0 10px}.design-upload-modal .du-center{--du-nav-h:70px;display:grid;grid-template-rows:1fr var(--du-nav-h);overflow:hidden;padding:16px;min-height:0;height:100%}.design-upload-modal .du-preview{grid-row:1/2;overflow:hidden;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;position:relative}.design-upload-modal .du-preview-empty{color:#8ea1c9;font-size:14px;padding:12px 0}.design-upload-modal .du-right{overflow:auto;padding:16px;min-height:0;background:#fff;display:flex;flex-direction:column}.design-upload-modal .du-right-title{font-weight:800;font-size:18px;margin:4px 0 12px;color:#1f2937}.design-upload-modal .du-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto;padding:10px 16px 12px;box-sizing:border-box;background:#fff;border-top:1px solid var(--du-line);position:sticky;bottom:0;z-index:3}.design-upload-modal .du-actions>*{flex:0 0 auto}.design-upload-modal .du-actions-note{flex:0 0 100%;order:-1;margin:0 0 6px;font-size:12px;color:#b45309;background:#fff}.design-upload-modal img{-webkit-user-drag:none;user-select:none}.design-upload-modal .du-nav-mini{grid-row:2/3;align-self:end;justify-self:center;width:100%;height:150px;margin-top:10px;display:grid;grid-auto-flow:column;grid-auto-columns:var(--nav-box);gap:8px;align-content:center;align-items:center;overflow-x:auto;overflow-y:visible;position:relative;z-index:5;white-space:nowrap;scrollbar-width:thin;background:transparent;padding:0 0 0 10px}.design-upload-modal .du-nav-mini::-webkit-scrollbar{height:8px}.design-upload-modal .du-nav-mini::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.design-upload-modal .du-nav-mini::-webkit-scrollbar-track{background:transparent}.design-upload-modal .du-nav-item{--nav-icon:35px;--nav-box:55px;inline-size:var(--nav-box);block-size:var(--nav-box);display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:transparent;position:relative;color:#334155;cursor:pointer;text-align:center;transition:transform .12s,filter .15s,opacity .15s;white-space:nowrap}.design-upload-modal .du-nav-item:after,.design-upload-modal .du-nav-item:before{content:none;position:absolute;pointer-events:none;z-index:10}.design-upload-modal .du-nav-item:focus-visible:after,.design-upload-modal .du-nav-item:hover:after{content:attr(data-label);bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:rgba(113,156,255,.92);color:#fff;font-size:12px;font-weight:600;line-height:1;padding:6px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.18)}.design-upload-modal .du-nav-item:focus-visible:before,.design-upload-modal .du-nav-item:hover:before{content:"";bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(17,24,39,.92)}.design-upload-modal .du-nav-item:focus-visible{outline:2px solid rgba(33,84,238,.35);outline-offset:2px}.design-upload-modal .du-nav-item:hover{transform:translateY(-1px)}.design-upload-modal .du-nav-item.drag-over{outline:2px dashed #93c5fd}.design-upload-modal .du-nav-item.current{background:rgba(33,84,238,.14);outline:2px solid rgba(33,84,238,.35);outline-offset:0;border-radius:12px}.design-upload-modal .du-nav-item .du-nav-icon{width:var(--nav-icon);height:var(--nav-icon);display:block;transition:filter .15s,opacity .15s,transform .12s}.design-upload-modal .du-nav-item.dim{color:#94a3b8;background:#fff}.design-upload-modal .du-nav-item.dim .du-nav-icon{filter:grayscale(1.5) opacity(.55)}.design-upload-modal .du-nav-item.selected{border-color:#b7d5ff;background:#edf5ff;color:#186de4;box-shadow:inset 0 0 0 2px rgba(24,109,228,.08)}.design-upload-modal .du-nav-item.selected .du-nav-icon{filter:none;transform:scale(1.5)}.design-upload-modal .du-nav-label{display:none!important}.design-upload-modal.du-step2-full{display:grid;grid-template-columns:1fr;gap:16px;padding:0 30px 0 0}.design-upload-modal .du-right.du-right--full{grid-column:1/-1;width:100%;max-width:none;border-left:none;padding-right:8px}.design-upload-modal .du-card-grid{display:grid;gap:12px}.design-upload-modal .du-card-grid,.design-upload-modal .du-right.du-right--full .du-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.design-upload-modal .du-slot{position:relative;width:100%;aspect-ratio:1/1;border:1px solid #e5e7eb;border-radius:12px;margin:10px 0;display:grid;place-items:center;background:#f8faff;cursor:pointer;overflow:hidden}.design-upload-modal .du-slot.active{outline:2px solid #2563eb}.design-upload-modal .du-add{width:100%;height:100%;font-size:28px;color:#7c8db5;background:transparent;border:0;cursor:pointer}.design-upload-modal .du-clear{position:absolute;top:6px;right:6px;width:24px;height:24px;line-height:22px;text-align:center;border-radius:50%;font-weight:900;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer}.design-upload-modal .du-clear:hover{background:#f8fafc}.design-upload-modal .du-slot-label{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:11px}.design-upload-modal .du-field{display:block;margin:10px 0 14px}.design-upload-modal .du-label{font-size:15px;color:#334155;margin:0 0 6px;font-weight:700}.design-upload-modal .du-label.du-mb-6{margin-bottom:6px}.design-upload-modal .du-field input[type=text],.design-upload-modal .du-field textarea,.design-upload-modal .du-spec-panel select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.design-upload-modal .du-field textarea{resize:vertical}.design-upload-modal .du-accordion{border:1px solid var(--du-line);border-radius:12px;background:#fff;margin:14px 0}.design-upload-modal .du-acc-header{width:100%;background:#fff;border:none;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer}.design-upload-modal .du-acc-title{font-weight:800;font-size:15px;color:#1f53e3}.design-upload-modal .du-acc-caret{transition:transform .2s ease;color:#6b7280}.design-upload-modal .du-acc-caret.open{transform:rotate(180deg)}.design-upload-modal .du-acc-panel{border-top:1px solid #eef2ff;padding:12px 14px;background:#fff}.design-upload-modal .du-spec-panel{display:block}.design-upload-modal .du-spec-set{margin:12px 0 14px}.design-upload-modal .du-spec-title{font-weight:700;font-size:13.5px;color:#163c9c;margin:4px 0 8px}.design-upload-modal .du-spec-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.design-upload-modal .du-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.design-upload-modal .du-chip{padding:8px 12px;background:#f7f9ff;border:1px solid #e6edff;border-radius:10px;color:#1f2a44;font-size:13px;cursor:pointer}.design-upload-modal .du-chip.on{background:#edf5ff;border-color:#b7d5ff;color:#186de4;font-weight:700}.design-upload-modal .du-chip.ghost{background:#fff;border:1px dashed #c9d6ff;color:#476cdb}.design-upload-modal .du-chip.all{margin-bottom:8px;font-weight:700;background:#f1f5f9}.design-upload-modal .du-btn{--btn-h:44px;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);padding:0 12px;background:#f1f5ff;border:1px solid #dbe7ff;color:#2154ee;border-radius:10px;font-weight:700;font-size:13px;line-height:1;white-space:nowrap;word-break:keep-all;cursor:pointer}.design-upload-modal .du-btn.primary{background:#2154ee;color:#fff;border-color:#2154ee}.design-upload-modal .du-btn.ghost{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:10px 14px;font-weight:700}.design-upload-modal .du-btn.danger,.design-upload-modal .du-btn.sm{background:#fff;border:1px solid #ef4444;color:#ef4444;border-radius:10px;padding:10px 14px;font-weight:700}.design-upload-modal .du-x{position:absolute;top:10px;right:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:none;background:none;color:#64748b;font-weight:900;font-size:20px;line-height:1;cursor:pointer;z-index:20}.design-upload-modal .du-rel{position:relative;width:100%}.design-upload-modal .du-rel-full{position:relative;width:100%;height:100%}.design-upload-modal .du-minh-320{height:860px}.design-upload-modal .du-ml-auto{margin-left:auto}.design-upload-modal .du-grid-8{display:grid;gap:8px}.design-upload-modal .du-grid-gap-12{display:grid;gap:12px}.design-upload-modal .du-row-10{display:flex;gap:10px;align-items:center}.design-upload-modal .du-row-8{display:flex;gap:10px}.design-upload-modal .du-hint{margin-top:6px;font-size:12px;color:#64748b}.design-upload-modal .du-muted{color:#94a3b8;font-size:13px}.design-upload-modal .du-small{font-size:12px}.design-upload-modal .du-mt-8{margin-top:8px}.design-upload-modal .du-mb-6{margin-bottom:6px}.design-upload-modal .du-slots-row{display:grid;grid-template-columns:60px minmax(100px,250px) 55px;gap:8px;align-items:center}.design-upload-modal .du-slot-actions{display:flex;justify-content:flex-end;align-items:center}.design-upload-modal .du-slot-type{width:100%}.design-upload-modal .du-slots-row.drag-over{outline:2px dashed #93c5fd;border-radius:8px;background:#f8fbff}.design-upload-modal .du-drag-handle{font-weight:700;--dot:3px;--gap:1px;--box:18px;display:grid;grid-template-columns:repeat(2,var(--dot));grid-auto-rows:var(--dot);gap:var(--gap);inline-size:var(--box);block-size:var(--box);padding:0;place-content:center;place-items:center;margin-right:6px;color:#64748b;cursor:grab;user-select:none}.design-upload-modal .du-drag-handle i{inline-size:var(--dot);block-size:var(--dot);border-radius:50%;background:currentColor;opacity:.6;display:block}.design-upload-modal .du-drag-handle:active{cursor:grabbing}.design-upload-modal .du-slots-row.drag-over .du-drag-handle{color:#2563eb}.dum-confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:10010}.dum-confirm{width:min(420px,92vw);background:#fff;border-radius:12px;padding:20px 18px;box-shadow:0 14px 40px rgba(0,0,0,.25)}.dum-confirm h4{font-weight:800;font-size:1.05rem;margin:0 0 10px}.dum-confirm p{color:#6b7280;font-size:.95rem;margin:0 0 16px}.dum-confirm .row{display:flex;justify-content:flex-end;gap:8px}.ddc-overlay{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.ddc-modal{width:min(420px,92vw);background:#fff;border-radius:12px;padding:20px 18px;box-shadow:0 14px 40px rgba(0,0,0,.25)}.ddc-title{margin:0 0 10px;font-weight:800;font-size:1.05rem;color:#111827}.ddc-desc{margin:0 0 16px;font-size:.95rem;color:#6b7280}.ddc-row{display:flex;justify-content:flex-end;gap:8px}.ddc-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 12px;border-radius:10px;font-weight:700;font-size:13px;line-height:1;cursor:pointer;border:1px solid transparent}.ddc-btn,.ddc-btn.ghost{background:#fff;color:#334155}.ddc-btn.ghost{border-color:#cbd5e1;width:60px}.ddc-btn.danger{border-color:#ef4444;width:60px;color:#ef4444;background:#fff}.ddc-btn:disabled{opacity:.55;cursor:not-allowed}@media (min-width:2500px){.design-upload-modal{grid-template-columns:170px 1fr 520px;gap:20px}.design-upload-modal .du-nav-mini{grid-auto-columns:var(--nav-box,80px)}.design-upload-modal .du-nav-item{--nav-box:70px}}@media (max-width:1440px){.design-upload-modal .du-preview{margin-top:-73px}.design-upload-modal{grid-template-columns:140px 1fr 380px}.design-upload-modal .du-right-title{font-size:16px}.design-upload-modal .du-chip{font-size:12.5px}.design-upload-modal .du-acc-title{font-size:13px}.design-upload-modal .du-label{font-size:11px}.design-upload-modal .du-minh-320{min-height:clamp(260px,52vh,700px)}.design-upload-modal .du-btn{font-size:12px}.design-upload-modal .du-btn.ghost{background:#fff;border:1px solid #cbd5e1;color:#334155;font-size:12px;padding:10px}.design-upload-modal .du-btn.sm{background:#fff;border:1px solid #ef4444;color:#ef4444;border-radius:10px;padding:10px 12px;font-weight:500}.design-upload-modal .du-center{--du-nav-h:64px}.design-upload-modal .du-nav-mini{padding-left:5px}.design-upload-modal .du-nav-item{--nav-box:45px}}:root{--bot-z:6500;--bot-size:60px;--bot-shadow:0 0 16px 10px #297cff55;--bot-bubble-bg:#fff;--bot-bubble-color:#223158;--bot-bubble-radius:18px;--bot-bubble-shadow:0 2px 12px #225aaec2;--bot-bubble-line-height:1.5;--bot-bubble-font-desktop:18px;--bot-bubble-font-mobile:14px;--bot-bubble-padding-desktop-y:24px;--bot-bubble-padding-desktop-x:32px;--bot-bubble-padding-mobile-y:20px;--bot-bubble-padding-mobile-x:20px}.boxxist-bot-anchor{position:fixed;left:0;bottom:0;z-index:var(--bot-z);user-select:none;cursor:grab;touch-action:none}.boxxist-bot-anchor.is-dragging{cursor:grabbing;transition:none}.boxxist-bot-avatar{position:relative;z-index:1;width:var(--bot-size);height:var(--bot-size);border-radius:50%;box-shadow:var(--bot-shadow);background:#10f;display:grid;place-items:center;color:#fff}.boxxist-bot-avatar__icon{width:52%;height:52%;display:block;pointer-events:none}.boxxist-bot-ai-chip{position:absolute;top:50%;z-index:6;display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border:1px solid rgba(17,0,255,.16);border-radius:999px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.15);color:#10f;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none;transform:translateY(-50%)}.boxxist-bot-anchor.is-left .boxxist-bot-ai-chip{left:calc(100% + 8px)}.boxxist-bot-anchor.is-right .boxxist-bot-ai-chip{right:calc(100% + 8px)}.boxxist-bot-avatar__bubble{width:64%;height:64%;display:block;transform:translateY(1px);pointer-events:none}.boxxist-bot-avatar__mark{position:absolute;left:var(--bot-mark-left);top:var(--bot-mark-top);transform:translate(-50%,-50%);width:var(--bot-mark-size);height:var(--bot-mark-size);display:grid;place-items:center;pointer-events:none;user-select:none}.boxxist-bot-avatar__markImg{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}.boxxist-bot-anchor.is-mobile .boxxist-bot-avatar{width:38px;height:38px}.boxxist-bot-balloon{position:fixed;z-index:var(--bot-z);pointer-events:auto;min-width:10px;max-width:800px;padding:var(--bot-bubble-padding-desktop-y) var(--bot-bubble-padding-desktop-x);border-radius:var(--bot-bubble-radius);background:var(--bot-bubble-bg);box-shadow:var(--bot-bubble-shadow);color:var(--bot-bubble-color);font-size:var(--bot-bubble-font-desktop);font-weight:500;line-height:var(--bot-bubble-line-height);text-align:left;opacity:0;transform:translateY(8px);transition:opacity .26s ease-out,transform .26s ease-out;will-change:opacity,transform}.boxxist-bot-balloon.is-entered{opacity:1;transform:translateY(0)}.boxxist-bot-balloon.is-leaving{opacity:0;transform:translateY(8px)}.boxxist-bot-balloon.on-right{min-width:220px;text-align:right}.boxxist-bot-balloon[data-device=mobile]{font-size:var(--bot-bubble-font-mobile);padding:var(--bot-bubble-padding-mobile-y) 16px;text-align:center}.boxxist-bot-balloon.is-mobile{font-size:var(--bot-bubble-font-mobile);cursor:pointer;touch-action:none;user-select:none;max-width:none}.boxxist-bot-balloon[data-device=mobile]{left:50%;width:min(420px,calc(100vw - 50px));max-width:min(420px,calc(100vw - 50px));transform:translate(-50%,8px)}.boxxist-bot-balloon[data-device=mobile].is-entered{transform:translate(-50%)}.boxxist-bot-balloon[data-device=mobile].is-leaving{transform:translate(-50%,8px)}.boxxist-bot-anchor{transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .26s ease;will-change:transform,opacity}.boxxist-bot-anchor.boxxist-bot-anchor--visible{opacity:1}.boxxist-bot-anchor.boxxist-bot-anchor--hidden{opacity:0;pointer-events:none}.boxxist-bot-anchorInner{position:relative;transition:transform .26s ease;will-change:transform}.boxxist-bot-anchorInner--visible{transform:translateY(0) scale(1)}.boxxist-bot-anchorInner--hidden{transform:translateY(16px) scale(.9)}.boxxist-bot-anchor--notify:after{content:"";position:absolute;inset:-14px;border-radius:999px;border:2px solid rgba(48,69,255,.35);animation:boxxistBotRingPing 1.25s ease-out infinite;pointer-events:none}@keyframes boxxistBotRingPing{0%{transform:scale(.5);opacity:1}70%{transform:scale(1.22);opacity:.5}to{transform:scale(1.22);opacity:0}}.boxxist-bot-notifyDot{position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 2px #fff,0 4px 12px rgba(0,0,0,.25);pointer-events:none;z-index:5}.boxxist-bot-balloon--welcome{min-width:0;padding:0;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.14);color:#252a35;line-height:1.28;overflow:hidden}.boxxist-bot-balloon--welcome.on-left,.boxxist-bot-balloon--welcome.on-right{text-align:left}.boxxist-bot-welcome-card{width:100%;min-height:118px;display:flex;align-items:flex-start;gap:12px;padding:24px 22px 20px;border:0;border-radius:inherit;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}.boxxist-bot-welcome-card:hover{background:#fbfcff}.boxxist-bot-welcome-card:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:-3px}.boxxist-bot-welcome-logo{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1.5px solid #555b66;border-radius:9px;background:#fff;box-sizing:border-box}.boxxist-bot-welcome-logo-img{width:24px;height:24px;display:block;object-fit:contain}.boxxist-bot-welcome-copy{display:flex;min-width:0;flex-direction:column}.boxxist-bot-welcome-copy strong{color:#252a35;font-size:15px;font-weight:600;line-height:1.28;word-break:keep-all}.boxxist-bot-welcome-copy span{margin-top:10px;color:#8a8d94;font-size:14px;font-weight:500;line-height:1.2}@media (prefers-reduced-motion:reduce){.boxxist-bot-anchor{transition:none}}.boxxist-topBtn{position:fixed;z-index:calc(var(--bot-z) + 1);width:46px!important;height:46px!important;min-width:46px;min-height:46px;border-radius:999px;border:1.5px solid #dde7ff;background:hsla(0,0%,100%,.92);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(15,23,42,.14);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;color:#0f172a}.boxxist-topBtn svg{width:24px!important;height:24px!important;min-width:24px;min-height:24px;display:block;flex:0 0 auto;pointer-events:none}@media (max-width:900px){.boxxist-faq-modal{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.boxxist-faq-modal-header{border-radius:20px 20px 0 0;padding:0 14px;height:64px}}.site-footer{background:#f7f8fa;color:#212a35;border-top:1px solid #e5eaf0;padding:56px 0 0;margin-top:auto;position:relative;overflow:visible;z-index:20;isolation:isolate;flex-shrink:0;text-align:left;font-size:14px;--footer-centerline-max:420px}.footer-copy,.footer-inner{position:relative;z-index:1}.footer-inner{max-width:1440px;margin:0 auto;padding:0 50px;display:grid;grid-template-columns:370px minmax(0,1fr);column-gap:64px;align-items:start;justify-content:center;box-sizing:border-box}.footer-inner--auth{display:block;padding:0 24px}.footer-col--left{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.footer-col--center{min-width:0;width:100%;display:grid;grid-template-columns:minmax(500px,2fr) minmax(220px,.9fr) minmax(110px,.45fr);column-gap:30px;align-items:start;justify-items:stretch}.footer-section{width:100%;min-width:0;align-self:start}.footer-links-title,.footer-section-title{font-weight:700;font-size:.9rem;color:#23282f;margin-bottom:13px}.brand-title{color:#2154ee;font-weight:700;font-size:1.4rem;margin-bottom:18px;line-height:1.23;letter-spacing:-.015em}.brand-title__logo{font-size:2rem;font-weight:950}.brand-title__tagline{display:inline-block}.footer-hero{display:contents}.footer-helpbox{background:#fff;border-radius:18px;box-shadow:0 4px 18px #2345aa14;padding:28px 30px 22px;margin-bottom:22px;display:flex;flex-direction:row;align-items:center;gap:28px;font-size:1.13rem}.helpbox-label{color:#1e38bd;font-weight:700;font-size:1.13rem;margin-right:22px;letter-spacing:-.01em}.contact-icon{display:none}.footer-helpbox__contact{display:flex;flex-direction:column;gap:2px}.contact-phone{color:#262f49;font-weight:600;font-size:1.13rem;letter-spacing:-.01em}.contact-email{color:#3483ff;font-weight:500;font-size:1.02rem;margin-top:1px;letter-spacing:-.01em}.footer-hours{margin-top:10px;line-height:1.7;font-size:.98rem}.footer-hours__label{margin-right:6px;letter-spacing:-.01em}.footer-hours__label,.footer-hours__time{color:#929292;font-size:15px;font-weight:600}.footer-hours__time{letter-spacing:.01em}.footer-hours__lunch{color:#929292;margin-left:6px;font-size:15px;font-weight:600}.footer-holiday{color:#929292;font-size:15px;font-weight:500;margin-top:8px;letter-spacing:-.01em}.footer-product-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));column-gap:20px;row-gap:16px;align-items:start}.footer-sample-groups{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));column-gap:22px;align-items:start}.footer-product-col{min-width:0}.footer-product-group-title{color:#2154ee;font-weight:700;font-size:.82rem;margin-bottom:10px;white-space:nowrap}.footer-product-col--corrugated .footer-product-group-title,.footer-product-col--sample-cardboard .footer-product-group-title{color:#d39c00}.footer-product-col--print-etc .footer-product-group-title{color:#2ea85f}.footer-product-col--rigid .footer-product-group-title{color:#111827}.footer-product-links{display:flex;flex-direction:column;gap:2px}.footer-product-link{color:#999;text-decoration:none;font-weight:500;font-size:.8rem;letter-spacing:-.01em;padding:1px 0;line-height:1.45;white-space:pre-line;transition:color .17s}.footer-product-link:focus,.footer-product-link:hover{color:#2154ee}.footer-product-col--corrugated .footer-product-link:focus,.footer-product-col--corrugated .footer-product-link:hover,.footer-product-col--sample-cardboard .footer-product-link:focus,.footer-product-col--sample-cardboard .footer-product-link:hover{color:#d39c00}.footer-product-col--print-etc .footer-product-link:focus,.footer-product-col--print-etc .footer-product-link:hover{color:#2ea85f}.footer-product-col--rigid .footer-product-link:focus,.footer-product-col--rigid .footer-product-link:hover{color:#111827}.footer-links-inline{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.footer-links-inline a{display:inline-block}.footer-links-inline a+a:before{content:none}.footer-legal-mobile{display:none}.footer-legal-bar{width:100%;margin:18px 0 0;border-top:1px solid #e5eaf0;box-sizing:border-box}.footer-legal-bar__inner{max-width:1440px;margin:0 auto;padding:14px 50px 0;box-sizing:border-box;text-align:center}.footer-legal-bar__text{font-weight:500;color:#8a94a6;line-height:1.7;word-break:keep-all}.footer-copy{text-align:center;color:#8aa;font-size:11px;margin:20px auto 56px}.footer-link-additional-pay{display:inline-block}@media (max-width:1440px){.footer-inner{column-gap:52px}.footer-col--center{grid-template-columns:minmax(320px,1.6fr) minmax(220px,1fr) minmax(100px,.72fr);column-gap:28px}.footer-product-groups{grid-template-columns:repeat(2,minmax(110px,1fr));column-gap:18px;row-gap:18px}.footer-sample-groups{column-gap:18px}}@media (max-width:1200px){.footer-inner{column-gap:40px;padding:0 32px}.footer-col--center{grid-template-columns:minmax(300px,1.4fr) minmax(200px,.95fr) minmax(100px,.7fr);column-gap:24px}.footer-product-groups,.footer-sample-groups{column-gap:14px}}@media (max-width:900px){.site-footer{padding:28px 0 88px}.footer-inner{padding:0 16px;display:flex;flex-direction:column;align-items:stretch;gap:18px}.footer-col--center,.footer-col--left{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-width:0!important;align-items:center!important;gap:0!important}.footer-col--left{order:0}.footer-col--center{order:1}.footer-hero{display:contents!important}.footer-hero .brand-title{display:none!important}.footer-helpbox{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:6px!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:var(--footer-centerline-max)}.footer-helpbox>div{display:contents!important}.helpbox-label{display:inline-block!important;order:2!important;margin:0 8px 0 5px!important;font-size:18px!important;font-weight:500!important;color:#000!important}.contact-icon{order:0!important;display:inline-flex!important;color:#575757;transform:translateY(1px)}.contact-icon,.contact-icon svg{width:22px;height:22px}.contact-phone{order:1!important;text-align:center!important;font-size:25px!important;font-weight:500!important;color:#000!important;margin:0 0 0 6px}.contact-email{display:none!important}.footer-hero,.footer-holiday,.footer-hours,.footer-legal-mobile,.footer-section--announcements{width:100%;max-width:var(--footer-centerline-max);margin-left:auto;margin-right:auto}.footer-hours{display:block!important;text-align:center!important;margin-top:8px!important}.footer-hours__lunch{margin-left:6px!important}.footer-holiday{text-align:center;margin-bottom:40px}.footer-links-title,.footer-section--products,.footer-section--samples{display:none!important}.footer-links-inline{display:block!important;width:100%;text-align:center;white-space:nowrap;margin-top:0!important;margin-bottom:0!important;padding:0!important}.footer-links-inline a{display:inline-block;font-weight:450!important;font-size:16px!important;color:#5f6677!important}.footer-links-inline a+a:before{content:"ㅣ";margin:0 12px;color:#c4c9d4;font-weight:700}.footer-legal-mobile{display:block}.mobile-legal__header{width:100%;display:grid;grid-template-columns:18px auto 18px;justify-content:center;align-items:center;column-gap:8px;padding:4px 0 0;border:0;background:none;color:#5b5f6d;font-size:16px;font-weight:600;letter-spacing:-.01em;margin-top:6px;margin-bottom:8px}.mobile-legal__header[aria-expanded=true]{margin-bottom:6px!important}.mobile-legal__corp{grid-column:2;color:#6b7280}.mobile-legal__header .caret{grid-column:3;transition:transform .22s ease}.mobile-legal__header[aria-expanded=true] .caret{transform:rotate(180deg)}.mobile-legal__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .26s ease,opacity .2s ease}.mobile-legal__content.open{max-height:320px;opacity:1}.mobile-legal__body{color:#999;font-weight:450;font-size:12px;line-height:1.6;letter-spacing:-.01em;padding:4px 0 2px;text-align:center}.footer-legal-bar,.footer-link-additional-pay{display:none!important}.footer-copy{margin:18px auto calc(40px + env(safe-area-inset-bottom, 0px))!important}}:root{--head-h:clamp(80px,13vh,110px);--head-pad-x:clamp(16px,4vw,48px);--nav-gap:clamp(18px,1.4vw,80px)}.site-header{--head-bg:#fff;--head-fg:#222;--head-muted:#5f5f5f;--head-menu:#000;--head-menu-active:#2972ff;--head-menu-line:#2972ff;--head-scroll-shadow:0 6px 22px rgba(0,0,0,.06);--head-portfolio-border:rgba(0,0,0,.12);--head-portfolio-clip-bg:hsla(0,0%,100%,.92);--head-portfolio-clip-shadow:0 6px 16px rgba(0,0,0,.08);--head-portfolio-text:#111;position:relative;top:auto;z-index:1200;width:100%;left:0;right:0;box-sizing:border-box;background:var(--head-bg);color:var(--head-fg);transition:background .18s ease,box-shadow .18s ease,color .18s ease}.site-header.is-about{--head-bg:#050505;--head-fg:#fff;--head-muted:hsla(0,0%,100%,.68);--head-menu:hsla(0,0%,100%,.86);--head-menu-active:#fff;--head-menu-line:#fff;--head-scroll-shadow:0 6px 22px rgba(0,0,0,.36);--head-portfolio-border:hsla(0,0%,100%,.18);--head-portfolio-clip-bg:hsla(0,0%,100%,.12);--head-portfolio-clip-shadow:none;--head-portfolio-text:#fff}.site-header.is-scrolled{box-shadow:var(--head-scroll-shadow)}.header-inner{max-width:1440px;min-height:var(--head-h);margin:0 auto;padding:0 var(--head-pad-x);display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.site-logo{margin-right:40px;min-width:120px;display:flex;flex-direction:column;align-items:flex-start;margin-top:10px}.site-logo-tagline{margin-bottom:4px;font-size:13.5px;line-height:1.2;font-weight:600;letter-spacing:0;color:var(--head-muted);white-space:nowrap}.site-logo img{height:clamp(28px,5vh,42px);width:auto;display:block}.site-nav{justify-content:center;gap:var(--nav-gap);flex:1 1 auto;min-width:0}.header-side,.site-nav{display:flex;align-items:center}.header-side{flex:0 0 auto}.header-side--right{justify-content:flex-end}.head-act{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;border:0;background:none;font:inherit;color:inherit;line-height:1;cursor:pointer;position:relative}.head-act:focus{outline:none}.head-act__icon{width:26px;height:26px;display:block}.head-act__label{font-size:11px;line-height:1;margin-top:2px;font-weight:600;text-decoration:none;color:inherit}.cart-count-badge{position:absolute;top:-6px;right:-6px;height:18px;min-width:18px;padding:0 6px;border-radius:999px;background:#ff3d3d;color:#fff;font-size:11px;line-height:18px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.18);pointer-events:none}.cart-count-badge[data-len="1"]{width:18px;min-width:18px;padding:0}.cart-count-badge--mypage{top:-6px;right:-6px}.menu-item{position:relative;cursor:pointer;padding:clamp(10px,1.8vh,18px) clamp(8px,1.4vh,18px);font-family:inherit;font-weight:500;font-size:clamp(.98rem,1.2vw,1.15rem);transition:color .14s;color:var(--head-menu);text-decoration:none}.site-nav button.menu-item{appearance:none;-webkit-appearance:none;line-height:normal}.menu-item.active,.menu-item:focus,.menu-item:hover{color:var(--head-menu-active)}.menu-item:after{content:"";position:absolute;left:18px;right:18px;bottom:2px;height:4px;border-radius:2px;background:var(--head-menu-line);opacity:0;transform:scaleX(.7);transition:opacity .2s cubic-bezier(.57,.37,.45,1.28),transform .2s cubic-bezier(.57,.37,.45,1.28);pointer-events:none}.menu-item.active:after,.menu-item:hover:after{opacity:1;transform:scaleX(1)}.menu-item__mobile-icon{display:none}.menu-item-wrapper{position:relative;display:inline-flex;align-items:center}@keyframes head-season-rainbow{0%{background-position:0 50%}to{background-position:150% 50%}}.menu-item.menu-item--season{color:#0b2f2a;font-weight:600}@supports (-webkit-background-clip:text) or (background-clip:text){.menu-item.menu-item--season{background:linear-gradient(90deg,#ff004c,#ffb300,#00c853,#00b0ff,#7c4dff,#ff004c);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:head-season-rainbow 2.2s linear infinite}.menu-item.menu-item--season.active,.menu-item.menu-item--season:focus,.menu-item.menu-item--season:hover{color:transparent!important}.menu-item.menu-item--season:after{background:linear-gradient(90deg,#ff004c,#ffb300,#00c853,#00b0ff,#7c4dff,#ff004c);background-size:300% 100%;animation:head-season-rainbow 2.2s linear infinite}}.nav-dropdown-outer{position:absolute;top:100%;left:50%;transform:translate(-50%);background:hsla(0,0%,100%,.94);box-shadow:0 14px 38px rgba(0,0,0,.18);padding:6px 0;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:30;min-width:140px;max-width:220px}.nav-dropdown-outer.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-dropdown-outer--under-all{left:0;right:auto;transform:none!important}.nav-dropdown-outer--under-all.open{transform:none!important}.dropdown-inner{padding:4px 0 6px;gap:2px}.dropdown-col,.dropdown-inner{display:flex;flex-direction:column;align-items:stretch}.dropdown-col{gap:0}.dropdown-title{font-weight:700;font-size:.8rem;color:#2972ff;padding:4px 16px 2px;margin:2px 0}.dropdown-link{display:flex;align-items:center;gap:8px;cursor:pointer;color:#222;padding:6px 16px;font-size:.86rem;line-height:1.4;text-decoration:none!important;transition:background .15s ease,color .15s ease}.dropdown-link:hover{background:rgba(41,114,255,.08);color:#2972ff}.dropdown-link__icon{width:18px;height:18px;flex:0 0 18px;display:block;object-fit:contain}.dropdown-preview{position:sticky;top:10px;flex:0 0 390px;width:390px;align-self:stretch;margin-left:4px;padding:10px 0 10px 18px;border-left:1px solid rgba(148,163,184,.28);flex-direction:column;color:#111827}.dropdown-preview,.dropdown-preview__image-wrap{display:flex;align-items:center;justify-content:center}.dropdown-preview__image-wrap{width:100%;aspect-ratio:1/1;height:auto;border-radius:8px;background:rgba(248,250,252,.88)}.dropdown-preview__image{width:100%;height:100%;object-fit:contain;display:block}.dropdown-preview__title{margin-top:8px;font-size:.95rem;line-height:1.25;font-weight:800;text-align:center;color:#111827;word-break:keep-all}.dropdown-preview__desc{margin:6px 0 0;max-width:320px;color:#536173;font-size:.76rem;line-height:1.45;text-align:center;white-space:pre-line;word-break:keep-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dropdown-link--disabled{display:none!important}.nav-dropdown-outer--under-sample{left:0;right:auto;transform:none!important;background:hsla(0,0%,100%,.98);width:max-content;min-width:700px;max-width:min(1040px,calc(100vw - 32px));padding:10px 0}.nav-dropdown-outer--under-sample.open{transform:none!important}.nav-dropdown-outer--under-sample .dropdown-inner{flex-direction:row;align-items:flex-start;gap:18px;padding:6px 14px 10px}.nav-dropdown-outer--under-sample .dropdown-col{min-width:150px}.nav-dropdown-outer--under-sample .dropdown-link{white-space:nowrap}.nav-dropdown-outer--under-about,.nav-dropdown-outer--under-magazine,.nav-dropdown-outer--under-support{width:max-content;min-width:0;max-width:none}.nav-dropdown-outer--under-about .dropdown-link,.nav-dropdown-outer--under-magazine .dropdown-link{white-space:nowrap}.nav-dropdown-outer--under-all{width:max-content;min-width:520px;max-width:min(980px,calc(100vw - 32px));max-height:min(72vh,620px);overflow:auto;padding:10px 0;background:hsla(0,0%,100%,.98);min-width:990px;max-width:min(1320px,calc(100vw - 32px));max-height:none;overflow:visible}.nav-dropdown-outer--under-all .dropdown-inner{flex-direction:row;align-items:flex-start;gap:18px;padding:6px 14px 10px}.nav-dropdown-outer--under-all .dropdown-col{min-width:160px}.nav-dropdown-outer--under-all .dropdown-title{padding:6px 10px 4px}.nav-dropdown-outer--under-all .dropdown-link{padding:7px 10px}.nav-dropdown-outer--under-all .dropdown-col--corrugated .dropdown-title{color:#d39c00}.nav-dropdown-outer--under-all .dropdown-col--corrugated .dropdown-link:focus,.nav-dropdown-outer--under-all .dropdown-col--corrugated .dropdown-link:hover{background:rgba(211,156,0,.12);color:#d39c00}.nav-dropdown-outer--under-all .dropdown-col--rigid .dropdown-link:focus,.nav-dropdown-outer--under-all .dropdown-col--rigid .dropdown-link:hover{background:rgba(17,24,39,.08);color:#111827}@media (min-width:901px){.nav-dropdown-outer--under-all,.nav-dropdown-outer--under-sample{position:fixed;top:calc(var(--head-h) - 1px);left:50%;right:auto;transform:translateX(-50%)!important}.nav-dropdown-outer--under-all.open,.nav-dropdown-outer--under-sample.open{transform:translateX(-50%)!important}.nav-dropdown-outer--under-all.open:before,.nav-dropdown-outer--under-sample.open:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:32px;background:transparent;pointer-events:auto}}.site-head-icons{flex-direction:row;gap:16px}.site-head-icons,.site-icons{display:flex;align-items:center}.site-icons{gap:28px;justify-content:flex-end}.head-icon-tooltip{position:relative;display:flex;align-items:center;cursor:pointer}.head-tooltip-text{visibility:hidden;opacity:0;min-width:70px;background:hsla(0,0%,100%,.1);color:#000;text-align:center;border-radius:8px;padding:6px 12px;font-size:.97rem;font-weight:500;position:absolute;bottom:-44px;left:50%;transform:translateX(-50%);z-index:15;transition:opacity .7s,visibility .7s;pointer-events:none;white-space:nowrap;box-shadow:0 2px 10px hsla(0,0%,86%,.158)}.site-header.is-about .head-tooltip-text{background:rgba(0,0,0,.55);color:#fff}.head-icon-tooltip:focus .head-tooltip-text,.head-icon-tooltip:hover .head-tooltip-text{visibility:visible;opacity:1}.head-greeting{display:inline-flex;align-items:center;margin-right:8px;font-size:.86rem;color:#4b5563;white-space:nowrap}.head-greeting__name{font-weight:700;margin:0 4px}.social-signup-provider-chip{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;font-size:10px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#fff;background:#6b7280;white-space:nowrap}.head-act__provider-chip{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);margin-top:0;pointer-events:none}.social-signup-provider-chip--kakao{background:#facc15}.social-signup-provider-chip--naver{background:#2db400}.social-signup-provider-chip--google{background:#ea4335}.social-signup-provider-chip--email{background:#4b5563}.head-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--head-badge-border,#bfcbe6);background:var(--head-badge-bg,#eef5ff);color:var(--head-badge-fg,#1f5de0);font-size:12px;font-weight:700;letter-spacing:-.01em;cursor:pointer;user-select:none;text-decoration:none}.head-badge__icon{width:16px;height:16px}.head-badge:hover{background:#e6f0ff;border-color:#a9b8e6}.head-badge:focus-visible{outline:2px solid #1f5de0;outline-offset:2px}.page-content>:last-child,main>:last-child{margin-bottom:0}.site-mobile-menu-backdrop{display:none}.production-only-header{background:hsla(0,0%,100%,.94);border-bottom:1px solid #e8edf5;box-shadow:none}.production-only-header-inner{position:relative;width:min(1560px,calc(100vw - 56px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:center}.production-only-header-spacer{width:120px;height:1px}.production-only-logo{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:default;pointer-events:none}.production-only-logo .site-logo-tagline{display:block;margin-top:0;font-size:11px;font-weight:600;color:#6b7280;letter-spacing:-.02em;line-height:1.2;text-align:center}.production-only-header-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end}.production-only-logout{min-width:64px}@media (max-width:900px){:root{--head-h:clamp(65px,11vh,90px);--head-mobile-menu-left:max(12px,calc((100vw - min(100vw, var(--app-max, 430px))) / 2 + 10px));--head-mobile-menu-top:calc(env(safe-area-inset-top) + 10px);--head-mobile-menu-bottom:calc(var(--appbar-h, 72px) + env(safe-area-inset-bottom) + 10px);--head-mobile-menu-w:min(160px,calc(52vw - 12px));--head-mobile-submenu-overlap:42px;--head-mobile-submenu-w:min(230px,calc(100vw - var(--head-mobile-submenu-left) - var(--head-mobile-menu-left) - 26px));--head-mobile-submenu-left:calc(var(--head-mobile-menu-left) + var(--head-mobile-menu-w) - var(--head-mobile-submenu-overlap))}.head-portfolio-btn{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;user-select:none}.head-portfolio-btn:focus{outline:none}.head-portfolio-circle{width:38px;height:38px;border-radius:999px;border:1px solid var(--head-portfolio-border);background:transparent;overflow:visible}.head-portfolio-clip{position:absolute;inset:0;border-radius:999px;background:var(--head-portfolio-clip-bg);box-shadow:var(--head-portfolio-clip-shadow);overflow:hidden;display:flex;align-items:center;justify-content:center}.head-portfolio-icon{width:28px;height:28px;object-fit:contain;position:absolute;inset:0;margin:auto}@keyframes headPortfolioEnter{0%{opacity:0;transform:translateX(10px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes headPortfolioLeave{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-10px) scale(.98)}}.head-portfolio-icon--enter{animation:headPortfolioEnter .36s cubic-bezier(.22,.61,.36,1) forwards}.head-portfolio-icon--leave{animation:headPortfolioLeave .36s cubic-bezier(.22,.61,.36,1) forwards}.head-portfolio-label{font-size:11px;line-height:1;font-weight:600;color:var(--head-portfolio-text);letter-spacing:-.02em}.head-portfolio-circle{position:relative;overflow:hidden}.head-portfolio-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1.05;font-weight:800;letter-spacing:-.06em;color:var(--head-portfolio-text);opacity:0;transform:translateX(8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none;z-index:2}.head-portfolio-text.is-visible{opacity:1;transform:translateX(0)}.head-portfolio-iconlayer{position:absolute;inset:0;opacity:0;transform:translateX(8px);transition:opacity .22s ease,transform .22s ease}.head-portfolio-iconlayer.is-visible{opacity:1;transform:translateX(0)}.header-inner{padding:0 clamp(10px,3vw,20px);position:static!important}.site-nav{top:var(--head-mobile-menu-top);bottom:var(--head-mobile-menu-bottom);left:calc(var(--head-mobile-menu-left) - var(--head-mobile-menu-w) - 28px);z-index:3602;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;width:var(--head-mobile-menu-w);min-width:0;max-width:none;max-height:none;padding:10px;overflow:auto;border:1px solid rgba(226,232,240,.92);border-radius:10px 16px 16px 10px;background:var(--head-bg);color:var(--head-fg);box-shadow:14px 0 36px rgba(15,23,42,.18);transition:opacity .24s ease,left .34s cubic-bezier(.22,1,.36,1);will-change:opacity,left}.site-mobile-menu-backdrop,.site-nav{position:fixed;opacity:0;pointer-events:none}.site-mobile-menu-backdrop{inset:0;z-index:3590;display:block;border:0;background:rgba(15,23,42,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:opacity .24s ease,background .24s ease,backdrop-filter .24s ease}.site-header.is-mobile-menu-open{z-index:5200}.site-header.is-mobile-menu-open .site-mobile-menu-backdrop{background:rgba(15,23,42,.48);opacity:1;pointer-events:auto;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.site-header.is-mobile-menu-open .site-nav{left:var(--head-mobile-menu-left);opacity:1;pointer-events:auto}.site-header.is-mobile-menu-open .site-nav .menu-item,.site-header.is-mobile-menu-open .site-nav .menu-item-wrapper{width:100%}.site-header.is-mobile-menu-open .site-nav .menu-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;box-sizing:border-box;padding:13px 12px;border-radius:12px;font-size:15px;line-height:1.2;white-space:nowrap}.site-header.is-mobile-menu-open .site-nav .menu-item__mobile-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.site-header.is-mobile-menu-open .site-nav .menu-item__mobile-icon--trailing{margin-left:auto}.site-header.is-mobile-menu-open .site-nav .head-portfolio-circle--menu{width:32px;height:32px}.site-header.is-mobile-menu-open .site-nav .head-portfolio-circle--menu .head-portfolio-icon{width:24px;height:24px}.site-header.is-mobile-menu-open .site-nav .head-portfolio-circle--menu .head-portfolio-text{font-size:8.5px}.site-header.is-mobile-menu-open .site-nav .menu-item.active,.site-header.is-mobile-menu-open .site-nav .menu-item:focus,.site-header.is-mobile-menu-open .site-nav .menu-item:hover{background:rgba(41,114,255,.08)}.site-header.is-mobile-menu-open .site-nav .menu-item:after{display:none}.site-header.is-mobile-menu-open .site-nav .nav-dropdown-outer{position:fixed;top:calc(var(--head-mobile-menu-top) + 14px);bottom:calc(var(--head-mobile-menu-bottom) + 14px);left:var(--head-mobile-submenu-left);z-index:3601;display:none;width:var(--head-mobile-submenu-w);min-width:180px;max-width:calc(100vw - var(--head-mobile-submenu-left) - var(--head-mobile-menu-left) - 26px);max-height:none;padding:18px 14px;overflow:auto;border:1px solid rgba(226,232,240,.92);border-radius:14px;background:var(--head-bg);box-shadow:0 10px 34px rgba(15,23,42,.22);opacity:0;pointer-events:none;transform:translateX(-8px)!important}.site-header.is-mobile-menu-open .site-nav .nav-dropdown-outer.open{display:block;opacity:1;pointer-events:auto;animation:headMobileSubmenuIn .18s ease both;transform:translateX(0)!important}.site-header.is-mobile-menu-open .site-nav .dropdown-inner,.site-header.is-mobile-menu-open .site-nav .nav-dropdown-outer--under-all .dropdown-inner,.site-header.is-mobile-menu-open .site-nav .nav-dropdown-outer--under-sample .dropdown-inner{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:0}.site-header.is-mobile-menu-open .site-nav .dropdown-col{min-width:0!important;width:100%}.site-header.is-mobile-menu-open .site-nav .dropdown-title{padding:8px 10px 4px;font-size:11px;line-height:1.2;white-space:nowrap}.site-header.is-mobile-menu-open .site-nav .dropdown-link{padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.2;white-space:nowrap}.site-header.is-mobile-menu-open .site-nav .dropdown-link__icon{width:17px;height:17px;flex-basis:17px}.site-header.is-mobile-menu-open .site-nav .dropdown-preview{display:none}.site-header.is-mobile-menu-open .site-nav .dropdown-link:focus,.site-header.is-mobile-menu-open .site-nav .dropdown-link:hover{background:rgba(41,114,255,.08)}@keyframes headMobileSubmenuIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}body[data-header-menu-open="1"]{overflow:hidden}.site-logo{position:static!important;left:auto!important;transform:none!important;margin:0!important;min-width:120px}.site-logo-tagline{font-size:10px;font-weight:500;letter-spacing:-.05em}.site-logo img{height:28px!important}.mypage-link.is-admin{color:#ff3d3d}.head-icon-tooltip .head-tooltip-text{display:none!important}.head-badge--mobile{padding:4px 9px;font-size:12px;gap:6px}.head-badge--mobile .head-badge__icon{width:16px;height:16px}.nav-dropdown-outer--under-all .dropdown-inner{flex-wrap:wrap}.production-only-header-inner{width:calc(100vw - 24px);min-height:70px}.production-only-logo img{height:34px!important}.production-only-logo .site-logo-tagline{font-size:10px}.production-only-header-actions{right:0}.production-only-logout .head-act__label{font-size:11px}}