:root{--mobile-guide: 735px;--mobile-width: 375px;--mobile-body: 718px;--icon-area: #0099ff14;--image-box: #f1f1f1;--width-small: 380px;--width-medium: 510px;--width-large: 670px;--wrap-small: 380px;--wrap-medium: 440px;--atomic-common-0: #000000;--atomic-common-100: #ffffff;--atomic-neutral-5: #0f0f0f;--atomic-neutral-10: #171717;--atomic-neutral-15: #1c1c1c;--atomic-neutral-20: #3a3232;--atomic-neutral-22: #303030;--atomic-neutral-30: #474747;--atomic-neutral-40: #5c5c5c;--atomic-neutral-50: #737373;--atomic-neutral-60: #8a8a8a;--atomic-neutral-70: #9b9b9b;--atomic-neutral-80: #b0b0b0;--atomic-neutral-90: #c4c4c4;--atomic-neutral-95: #dcdcdc;--atomic-neutral-99: #f7f7f7;--atomic-cool-neutral-5: #0f0f10;--atomic-cool-neutral-7: #141415;--atomic-cool-neutral-10: #171719;--atomic-cool-neutral-15: #1b1c1e;--atomic-cool-neutral-17: #212225;--atomic-cool-neutral-20: #292a2d;--atomic-cool-neutral-22: #2e2f33;--atomic-cool-neutral-23: #333438;--atomic-cool-neutral-25: #37383c;--atomic-cool-neutral-30: #46474c;--atomic-cool-neutral-40: #5a5c63;--atomic-cool-neutral-50: #70737c;--atomic-cool-neutral-60: #878a93;--atomic-cool-neutral-70: #989ba2;--atomic-cool-neutral-80: #aeb0b6;--atomic-cool-neutral-95: #dbdcdf;--atomic-cool-neutral-96: #e1e2e4;--atomic-cool-neutral-97: #eaebec;--atomic-cool-neutral-98: #f4f4f5;--atomic-cool-neutral-99: #f7f7f8;--opacity-0: 0;--opacity-5: .05;--opacity-8: .08;--opacity-12: .12;--opacity-16: .16;--opacity-22: .22;--opacity-28: .28;--opacity-35: .35;--opacity-43: .43;--opacity-52: .52;--opacity-61: .61;--opacity-74: .74;--opacity-88: .88;--opacity-97: .97;--opacity-100: 1;--semantic-text-normal: var(--atomic-cool-neutral-5, #0f0f10);--semantic-text-neutral: var(--atomic-neutral-20, #3a3232);--semantic-text-alternative: var(--atomic-neutral-40, #5c5c5c);--semantic-text-assistive: var(--atomic-neutral-60, #8a8a8a);--semantic-text-disable: var(--atomic-neutral-80, #b0b0b0);--semantic-text-invert: var(--atomic-common-100, #ffffff);--semantic-text-admin-point-color: #4287E7;--semantic-border-strong: var(--atomic-cool-neutral-5, #0f0f10);--semantic-border-normal: var(--atomic-neutral-80, #b0b0b0);--semantic-border-alternative: var(--atomic-neutral-95, #DCDCDC);--semantic-border-assistive: var(--atomic-cool-neutral-97, #eaebec);--semantic-surface-strong: var(--atomic-cool-neutral-5, #0f0f10);--semantic-surface-normal: var(--atomic-cool-neutral-96, #e1e2e4);--semantic-surface-neutral: #EAEBEC9C;--semantic-surface-disable: var(--atomic-cool-neutral-97, #eaebec);--semantic-surface-alternative: var(--atomic-cool-neutral-99, #f7f7f8);--semantic-surface-white: var(--atomic-common-100, #ffffff);--semantic-material-dimmer: #1a1d1f85;--semantic-background-normal: #0099ff14;--semantic-background-kakao: #fee500;--semantic-background-naver: #03c75a;--semantic-status-error: #dd1515;--semantic-status-warning: #ffc60a;--semantic-status-positive: #007aff;--semantic-status-success: #008a00;--semantic-primary-normal: #95A7B9;--spacing-spacing-icon: 2px;--spacing-spacing-1: 4px;--spacing-spacing-2: 8px;--spacing-spacing-3: 12px;--spacing-spacing-4: 16px;--spacing-spacing-5: 20px;--spacing-spacing-6: 24px;--spacing-spacing-7: 32px;--spacing-spacing-8: 40px;--spacing-spacing-9: 48px;--spacing-spacing-10: 56px;--spacing-spacing-11: 64px;--spacing-spacing-12: 80px;--spacing-spacing-13: 96px;--spacing-spacing-14: 120px;--spacing-spacing-15: 160px;--spacing-spacing-16: 208px;--primary-normal: #0066ff;--label-normal: #171719;--label-strong: #000000;--label-alternative: #37383c9c;--label-disable: #37383c29;--background-normal-normal: #ffffff;--line-normal-neutral: #70737c29;--line-normal-alternative: #70737c14;--line-solid-normal: #e1e2e4;--fill-strong: #70737c29;--fill-alternative: #70737c0d;--static-white: #ffffff;--accent-background-violet: #6541f2;--primary-normal-dark: #3385ff;--label-normal-dark: #f7f7f8;--label-strong-dark: #ffffff;--label-alternative-dark: #aeb0b69c;--label-disable-dark: #989ba229;--background-normal-normal-dark: #1b1c1e;--line-normal-neutral-dark: #70737c47;--line-normal-alternative-dark: #70737c38;--line-solid-normal-dark: #37383c;--fill-strong-dark: #70737c47;--fill-alternative-dark: #70737c1f;--static-white-dark: #ffffff;--accent-background-violet-dark: #7d5ef7}:root{--text-bold: 700;--text-semibold: 600;--text-medium: 500;--text-regular: 400;font-style:normal}.text-black{color:var(--semantic-text-normal, #0f0f10)}.text-display1-bd{font-size:48px;font-weight:var(--text-bold, 700);line-height:125%;letter-spacing:-1.296px}.text-display1-md{font-size:48px;font-weight:var(--text-medium, 500);line-height:125%;letter-spacing:-1.296px}.text-display1-rg{font-size:48px;font-weight:var(--text-regular, 400);line-height:125%;letter-spacing:-1.296px}.text-display2-bd{font-size:40px;font-weight:var(--text-bold, 700);line-height:125%;letter-spacing:-1.128px}.text-display2-md{font-size:40px;font-weight:var(--text-medium, 500);line-height:125%;letter-spacing:-1.128px}.text-display2-rg{font-size:40px;font-weight:var(--text-regular, 400);line-height:125%;letter-spacing:-1.128px}.text-title1-bd{font-size:36px;font-weight:var(--text-bold, 700);line-height:125%;letter-spacing:-.972px}.text-title1-md{font-size:36px;font-weight:var(--text-medium, 500);line-height:125%;letter-spacing:-.972px}.text-title1-rg{font-size:36px;font-weight:var(--text-regular, 400);line-height:125%;letter-spacing:-.972px}.text-title2-bd{font-size:32px;font-weight:var(--text-bold, 700);line-height:125%;letter-spacing:-.96px}.text-title2-md{font-size:32px;font-weight:var(--text-medium, 500);line-height:125%;letter-spacing:-.96px}.text-title2-rg{font-size:32px;font-weight:var(--text-regular, 400);line-height:125%;letter-spacing:-.96px}.text-title3-bd{font-size:28px;font-weight:var(--text-bold, 700);line-height:130%;letter-spacing:-.56px}.text-title3-md{font-size:28px;font-weight:var(--text-medium, 500);line-height:130%;letter-spacing:-.56px}.text-title3-rg{font-size:28px;font-weight:var(--text-regular, 400);line-height:130%;letter-spacing:-.56px}.text-heading1-bd{font-size:24px;font-weight:var(--text-bold, 700);line-height:135%;letter-spacing:-.48px}.text-heading1-md{font-size:24px;font-weight:var(--text-medium, 500);line-height:135%;letter-spacing:-.48px}.text-heading1-rg{font-size:24px;font-weight:var(--text-regular, 400);line-height:135%;letter-spacing:-.48px}.text-heading2-sb{font-size:20px;font-weight:var(--text-semibold, 600);line-height:130%;letter-spacing:-.25px}.text-heading2-md{font-size:20px;font-weight:var(--text-medium, 500);line-height:140%;letter-spacing:-.15px}.text-heading2-rg{font-size:20px;font-weight:var(--text-regular, 400);line-height:140%;letter-spacing:-.15px}.text-heading3-sb{font-size:18px;font-weight:var(--text-semibold, 600);line-height:144.5%;letter-spacing:-.004px}.text-heading3-md{font-size:18px;font-weight:var(--text-medium, 500);line-height:144.5%;letter-spacing:-.004px}.text-heading-rg{font-size:18px;font-weight:var(--text-regular, 400);line-height:144.5%;letter-spacing:-.004px}.text-body1-sb{font-size:16px;font-weight:var(--text-semibold, 600);line-height:150%;letter-spacing:.091px}.text-body1-md{font-size:16px;font-weight:var(--text-medium, 500);line-height:150%;letter-spacing:.091px}.text-body1-rg{font-size:16px;font-weight:var(--text-regular, 400);line-height:150%;letter-spacing:.091px}.text-body2-sb{font-size:15px;font-weight:var(--text-semibold, 600);line-height:146.7%;letter-spacing:.144px}.text-body2-md{font-size:15px;font-weight:var(--text-medium, 500);line-height:146.7%;letter-spacing:.144px}.text-body2-rg{font-size:15px;font-weight:var(--text-regular, 400);line-height:146.7%;letter-spacing:.144px}.text-body3-sb{font-size:14px;font-weight:var(--text-semibold, 600);line-height:142.9%;letter-spacing:.063px}.text-body3-md{font-size:14px;font-weight:var(--text-medium, 500);line-height:142.9%;letter-spacing:.063px}.text-body3-rg{font-size:14px;font-weight:var(--text-regular, 400);line-height:142%;letter-spacing:-.28px}.text-label1-sb{font-size:13px;font-weight:var(--text-semibold, 600);line-height:138.5%;letter-spacing:.122px}.text-label1-md{font-size:13px;font-weight:var(--text-medium, 500);line-height:138.5%;letter-spacing:.122px}.text-label1-rg{font-size:13px;font-weight:var(--text-regular, 400);line-height:138.5%;letter-spacing:.122px}.text-caption1-sb{font-size:12px;font-weight:var(--text-semibold, 600);line-height:133.4%;letter-spacing:.182px}.text-caption1-md{font-size:12px;font-weight:var(--text-medium, 500);line-height:133.4%;letter-spacing:.182px}.text-caption1-rg{font-size:12px;font-weight:var(--text-regular, 400);line-height:133.4%;letter-spacing:.182px}.text-caption2-sb{font-size:11px;font-weight:var(--text-semibold, 600);line-height:127.3%;letter-spacing:.342px}.text-caption2-md{font-size:11px;font-weight:var(--text-medium, 500);line-height:127.3%;letter-spacing:.342px}.text-caption2-rg{font-size:11px;font-weight:var(--text-regular, 400);line-height:127.3%;letter-spacing:.342px}.text-caption3-sb{font-size:9px;font-weight:var(--text-semibold, 600);line-height:142%;letter-spacing:.108px}.text-caption3-md{font-size:9px;font-weight:var(--text-medium, 500);line-height:142%;letter-spacing:.108px}.text-caption3-rg{font-size:9px;font-weight:var(--text-regular, 400);line-height:142%;letter-spacing:-.18px}:root{font-family:Pretendard Variable,Pretendard,sans-serif;font-size:13px;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--semantic-surface-strong, #0F0F10) var(--semantic-surface-neutral, #EAEBEC9C)}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:var(--semantic-surface-neutral, #EAEBEC9C);border-radius:4px;border:none}*::-webkit-scrollbar-thumb{background:var(--semantic-surface-strong, #0F0F10);border-radius:4px;border:none}*::-webkit-scrollbar-button{display:none;height:0;width:0}p{margin:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;width:100%;height:100vh;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:var(--semantic-text-normal, #0f0f10);cursor:pointer;transition:border-color .25s;word-break:keep-all;word-wrap:break-word;white-space:nowrap}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none;box-shadow:none}input{ime-mode:disabled;text-decoration:none}input:focus{outline:none;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}ul,li{margin:0;padding:0;list-style:none}div,p,span{white-space:normal;overflow-wrap:break-word}pre{font-family:Pretendard Variable,Helvetica;line-height:1.5;font-size:1rem;font-weight:400;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;word-break:keep-all}textarea{font-family:Pretendard Variable,Helvetica;line-height:1.5;font-size:1rem;font-weight:400;border:0;resize:none;outline:none;box-shadow:none;ime-mode:disabled;text-decoration:none}textarea:focus{border:0;outline:none;box-shadow:none}.cursor-pointer{cursor:pointer}.text-center{text-align:center}.text-nowrap{white-space:nowrap}.text-start{text-align:start}.text-end{text-align:end}.hide-scrollbar{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width: 1024px){:root{font-size:14px}}@media (prefers-color-scheme: light){:root{color:var(--atomic-common-0, #000);background-color:var(--atomic-common-100, #fff)}}@media (prefers-color-scheme: dark){:root{color:var(--atomic-common-0, #000);background-color:var(--atomic-common-100, #fff)}}.login-container{display:flex;justify-content:center;align-items:center}.login-content{width:var(--width-small, 380px);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-spacing-7, 32px)}.login-tab{width:100%}.login-tab button{width:100%;padding:var(--spacing-spacing-2, 8px);border-radius:0;background-color:unset;color:var(--semantic-text-disable, #b0b0b0)}.login-tab button.active{color:var(--semantic-text-normal, #0F0F10);border-bottom:1px solid var(--semantic-border-strong, #0f0f10)}.login-tab button:hover{border:1px solid transparent;border-bottom:1px solid var(--semantic-border-strong, #0f0f10)}.login-tab button:focus{outline:unset}.login-input-list{width:100%;display:none;flex-direction:column;gap:var(--spacing-spacing-3, 12px)}.login-input-list.active{display:flex}.login-next-button-list{width:100%;display:flex;flex-direction:column;align-items:center}.login-find-button-list{margin-top:var(--spacing-spacing-3, 12px);color:var(--semantic-text-neutral, #3a3232);display:flex;justify-content:center;align-items:center}.login-find-button-list span{padding:0 var(--spacing-spacing-2, 8px)}.login-find-button-list hr{flex-shrink:0;width:1px;height:10px;margin:0;border:0;border-left:1px solid var(--semantic-border-normal, #b0b0b0)}.login-social-button-list{width:100%;display:flex;gap:var(--spacing-spacing-1, 4px)}.login-social-button-list button{width:50%;height:42px;padding:7px 11px;border-radius:0;display:flex;align-items:center}.login-social-button-list span{width:100%}.kakao-button{background-color:var(--semantic-background-kakao, #fee500)}.naver-button{color:var(--semantic-text-invert, #fff);background-color:var(--semantic-background-naver, #03c75a)}.button{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;gap:var(--spacing-spacing-1, 4px);border-radius:0;border:0}.button.admin{border-radius:var(--spacing-spacing-1, 4px)}.button.primary{color:var(--semantic-text-invert, #fff);background:var(--semantic-surface-strong, #0f0f10)}.button.secondary{color:var(--semantic-text-normal, #0f0f10);background:var(--semantic-surface-neutral, #EAEBEC9C)}.button.primary.outline{color:var(--semantic-text-normal, #0f0f10);background:unset;border:1px solid var(--semantic-border-strong, #0f0f10)}.button.secondary.outline{color:var(--semantic-text-normal, #0f0f10);background:unset;border:1px solid var(--semantic-border-normal, #b0b0b0)}.button.secondary.outline.admin{border:1px solid var(--semantic-border-assistive, #EAEBEC)}.button.red{color:var(--semantic-status-error, #dd1515)!important}.button.xs{height:30px;padding:0px var(--spacing-spacing-3, 12px);gap:var(--spacing-spacing-1, 4px)}.button.sm{height:40px;padding:0px var(--spacing-spacing-4, 16px);gap:var(--spacing-spacing-1, 4px)}.button.md{height:44px;padding:0px var(--spacing-spacing-5, 20px);gap:var(--spacing-spacing-2, 8px)}.button.lg{height:50px;padding:0px var(--spacing-spacing-6, 24px);gap:var(--spacing-spacing-1, 4px)}.button.xs.icon-only{width:30px}.button.sm.icon-only{width:40px}.button.md.icon-only{width:44px}.button.lg.icon-only{width:52px}.button.primary.icon-only svg{color:var(--semantic-text-invert, #fff)}.button:disabled,.button.outline:disabled{color:var(--semantic-text-disable, #b0b0b0);background:var(--semantic-surface-disable, #eaebec);border:0;cursor:default;pointer-events:none}.bottom-button{width:100%;padding:var(--spacing-spacing-2, 8px) var(--spacing-spacing-3, 12px) var(--spacing-spacing-4, 16px) var(--spacing-spacing-3, 12px);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2, 8px)}.bottom-button hr{height:0;margin:0;border:0;border-top:1px solid var(--semantic-border-assistive, #eaebec)}.icon-container{display:flex;justify-content:center;align-items:center}.icon-xxs{width:14px;height:14px}.icon-xs{width:16px;height:16px}.icon-sm{width:18px;height:18px}.icon-md{width:22px;height:22px}.icon-lg{width:24px;height:24px}.input-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-1, 4px)}.input-label{display:flex;align-items:center;gap:var(--spacing-spacing-4, 16px);color:var(--semantic-text-normal, #0f0f10);text-align:center}.input-label span{color:var(--semantic-text-alternative, #5c5c5c)}.input-with-button{width:100%;height:100%;display:flex;align-items:end;gap:var(--spacing-spacing-2, 8px)}.input-content{width:100%;height:100%;padding:var(--spacing-spacing-3, 12px);background-color:var(--semantic-surface-white, #fff);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-spacing-1, 4px);border:1px solid var(--semantic-border-strong, #0f0f10)}.textarea-content{width:100%;min-height:124px;padding:var(--spacing-spacing-5, 20px) var(--spacing-spacing-3, 12px) var(--spacing-spacing-2, 8px) var(--spacing-spacing-3, 12px);background-color:var(--semantic-surface-white, #fff);display:flex;align-items:stretch;justify-content:space-between;gap:var(--spacing-spacing-1, 4px);border:1px solid var(--semantic-border-strong, #0f0f10)}.input-content.admin,.textarea-content.admin{border-radius:4px;border:1px solid var(--semantic-border-assistive, #EAEBEC)}.input-content input,.textarea-content textarea{width:100%;height:18px;padding:0;display:flex;align-items:center;background-color:#fff0;color:var(--semantic-text-normal, #0f0f10);border:0}.textarea-content textarea{height:auto;max-height:94px;padding-right:var(--spacing-spacing-3, 12px)}.input-content input::placeholder,.textarea-content textarea::placeholder{color:var(--semantic-text-assistive, #8a8a8a)}.input-eye{display:flex;align-items:center;gap:var(--spacing-spacing-1, 4px)}.input-time{color:var(--semantic-text-assistive, #8a8a8a);word-break:keep-all}.input-button{color:var(--semantic-text-normal, #0f0f10);word-break:keep-all;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.input-content-secondary{border:1px solid var(--semantic-border-normal, #b0b0b0)}.input-disabled{background:var(--semantic-surface-disable, #eaebec);border:1px solid var(--semantic-border-assistive, #eaebec)}.input-helptext{color:var(--semantic-text-normal, #0f0f10);text-align:center}.input-error .input-content{border:1px solid var(--semantic-status-error, #dd1515)}.input-error .input-helptext{color:var(--semantic-status-error, #dd1515)}.home-content{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-spacing-7, 32px)}.home-content>:last-child:nth-child(4){grid-column:span 3}.dashboard-summary{padding:var(--spacing-spacing-6, 24px);border-radius:var(--spacing-spacing-2, 8px);background:var(--semantic-surface-white, #fff);display:flex;flex-direction:column;gap:var(--spacing-spacing-4, 16px)}.dashboard-summary-line{height:0;margin:0;border:0;border-top:1px solid var(--semantic-border-assistive, #eaebec)}.dashboard-summary-group{display:flex;flex-direction:column;gap:var(--spacing-spacing-4, 16px)}.dashboard-summary-group-title{color:var(--semantic-text-assistive, #8A8A8A)}.dashboard-summary-item{display:flex;justify-content:space-between}.dashboard-summary-item-num{display:flex;align-items:center;gap:var(--spacing-spacing-1, 4px)}.page-template{width:100%;padding:var(--spacing-spacing-9, 48px) var(--spacing-spacing-8, 40px) var(--spacing-spacing-6, 24px) var(--spacing-spacing-8, 40px);color:var(--seaentic-text-normal, #0F0F10)}.page-pagination{margin-top:var(--spacing-spacing-6, 24px);margin-bottom:var(--spacing-spacing-7, 32px)}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;display:none;overflow:auto;background-color:var(--semantic-material-dimmer, #1a1d1f85)}.modal.open{display:block}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:480px;height:600px;padding:var(--spacing-spacing-6, 24px);border-radius:8px;box-shadow:0 5px 15px #0000004d;text-align:center;background-color:#fff;display:flex;flex-direction:column;gap:var(--spacing-spacing-5, 20px)}.modal-content.modal-mypage-menu{padding:var(--spacing-spacing-3, 12px) var(--spacing-spacing-3, 12px) var(--spacing-spacing-7, 32px) var(--spacing-spacing-3, 12px)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header span:first-child{width:24px;height:24px}.modal-bottom{width:100%;height:52px;margin-top:var(--spacing-spacing-6, 24px);border-radius:0;color:var(--semantic-text-invert, #fff);background-color:var(--semantic-surface-strong, #0f0f10);text-align:center;display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.modal-content{width:100%;max-width:100%;height:100%;border-radius:0}}.product-edit-modal .modal-content{width:100%;max-width:100%;height:100%;padding:0;border-radius:0;gap:0;overflow:auto}.product-edit-modal .modal-header{width:100%;padding:var(--spacing-spacing-4, 16px) var(--spacing-spacing-13, 96px) var(--spacing-spacing-4, 16px) var(--spacing-spacing-10, 56px);background:var(--semantic-surface-white, #FFF);border-radius:2px;border-bottom:1px solid var(--semantic-border-assistive, #EAEBEC);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-spacing-8, 40px)}.product-edit-modal .modal-header-left{width:300px;display:flex;gap:var(--spacing-spacing-2, 8px);align-items:center}.product-edit-modal .modal-header-right{flex:1;padding:0 var(--spacing-spacing-5, 20px);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-spacing-4, 16px)}.product-edit-modal .modal-header-button-group{display:flex;gap:var(--spacing-spacing-3, 12px)}.product-edit-modal .modal-body{flex:1;padding:var(--spacing-spacing-6, 24px) var(--spacing-spacing-13, 96px) var(--spacing-spacing-10, 56px) var(--spacing-spacing-10, 56px);background:var(--semantic-surface-alternative, #f7f7f8);display:flex;justify-content:center;align-items:flex-start;gap:var(--spacing-spacing-8, 40px)}.product-edit-modal .modal-body .modal-section{display:flex;flex-direction:column;gap:10px}.modal-section.right{flex:1}.modal-section .info-row{width:100%;display:flex;gap:var(--spacing-spacing-6, 24px)}.modal-section .sale-price-content{width:100%;padding:var(--spacing-spacing-3, 12px) var(--spacing-spacing-4, 16px);border-radius:var(--spacing-spacing-1, 4px);background:var(--semantic-surface-alternative, #f7f7f8);display:flex;align-items:flex-start;gap:var(--spacing-spacing-4, 16px)}.modal-section .image-container{margin-top:var(--spacing-spacing-4, 16px);display:flex;gap:var(--spacing-spacing-5, 20px)}.modal-section .image-container .input-container{width:auto}.modal-section .image-list{flex-wrap:wrap;display:flex;gap:var(--spacing-spacing-2, 8px)}.modal-section .product-option-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-6, 24px)}.modal-section .product-option{padding:var(--spacing-spacing-5, 20px);border-radius:var(--spacing-spacing-1, 4px);border:1px solid var(--semantic-border-alternative, #DCDCDC);display:flex;flex-direction:column;gap:var(--spacing-spacing-5, 20px)}.modal-section .product-option-title{display:flex;justify-content:space-between}.modal-section .product-option-sub{display:flex;flex-direction:column;gap:var(--spacing-spacing-3, 12px)}.modal-section .product-option-sub-title{display:flex;align-items:center;gap:var(--spacing-spacing-4, 16px)}.modal-section .product-option-sub-list{display:flex;flex-direction:column;gap:var(--spacing-spacing-2, 8px)}.modal-section .product-option-row{display:flex;align-items:end;gap:var(--spacing-spacing-2, 8px)}.modal-section .product-description{width:100%;padding:var(--spacing-spacing-6, 24px) var(--spacing-spacing-5, 20px);border-radius:var(--spacing-spacing-1, 4px);border:1px solid var(--semantic-border-alternative, #DCDCDC);background-color:var(--semantic-surface-alternative, #f7f7f8);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-5, 20px)}.modal-section .product-info-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-3, 12px)}.modal-section .product-info{width:100%;padding:var(--spacing-spacing-5, 20px);border-radius:var(--spacing-spacing-1, 4px);border:1px solid var(--semantic-border-assistive, #eaebec);background-color:var(--semantic-surface-white, #fff);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-spacing-5, 20px)}.modal-section .product-info-sub-title{display:flex;align-items:center;gap:var(--spacing-spacing-2, 8px)}.modal-section .delivery-content{width:100%;background-color:var(--semantic-surface-white, #fff);display:flex;flex-direction:column;gap:var(--spacing-spacing-1, 4px)}.modal-section .delivery-content pre{width:100%;min-height:124px;margin:0;padding:var(--spacing-spacing-5, 20px) var(--spacing-spacing-3, 12px) var(--spacing-spacing-2, 8px) var(--spacing-spacing-3, 12px);border-radius:var(--spacing-spacing-1, 4px);border:1px solid var(--semantic-border-assistive, #EAEBEC)}.checkbox-container{display:flex;align-items:center;color:var(--semantic-text-normal, #0f0f10);cursor:pointer}.checkbox-container label{display:flex;align-items:center}.checkbox-container input[type=checkbox]{display:none}.check-icon{width:15px;height:15px;border-radius:.469px;border:1px solid var(--semantic-border-alternative, #DCDCDC);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.check-icon svg{width:15px;height:15px;transition:opacity .2s ease,transform .2s ease}.checkbox-container input:checked+.check-icon svg{opacity:var(--opacity-100, 1);transform:scale(1)}.checkbox-container input:checked+.check-icon{background-color:var(--semantic-surface-strong, #0f0f10);border-color:var(--semantic-surface-strong, #0f0f10)}.check-text{margin-left:var(--spacing-spacing-2, 8px)}.check-icon+label+.check-icon{margin-left:var(--spacing-spacing-2, 8px)}.image-button-container{position:relative}.image-button-input{display:none}.image-button{width:100px;height:125px;padding:0;background-color:unset;border-radius:4px;border:1px solid var(--semantic-border-assistive, #eaebec);display:flex;justify-content:center;align-items:center}.image-button svg{color:var(--semantic-border-normal, #b0b0b0)}.image-button img{width:100%;height:100%;object-fit:contain}.image-clear-button{position:absolute;top:8px;right:8px;z-index:10;color:#fff;background-color:#0003;cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .2s ease-in-out}.select-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-1, 4px);color:var(--semantic-text-normal, #0f0f10);text-align:center;word-break:keep-all;word-wrap:break-word}.select-content{width:100%;height:100%;position:relative;cursor:pointer}.select-display{width:100%;height:100%;padding:var(--spacing-spacing-3, 12px);border:1px solid var(--semantic-border-strong, #0f0f10);color:var(--semantic-text-normal, #0f0f10);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-spacing-1, 4px)}.select-value{display:flex;align-items:center;gap:var(--spacing-spacing-2, 8px)}.select-placeholder{color:var(--semantic-text-assistive, #8a8a8a)}.select-content-secondary .select-display{border:1px solid var(--semantic-border-normal, #b0b0b0)}.select-display.search{border-radius:4px;border:1px solid var(--semantic-border-assistive, #EAEBEC)}.select-display.admin{height:40px;padding:0 var(--spacing-spacing-4, 16px);border:unset;background:var(--semantic-surface-alternative, #f7f7f8)}.select-disabled{background:var(--semantic-surface-neutral, #EAEBEC9C)}.select-disabled .select-display{border-radius:4px;border:1px solid var(--semantic-border-assistive, #eaebec);background:var(--semantic-surface-disable, #eaebec)}.select-disabled .select-display .select-placeholder{color:var(--semantic-text-admin-point-color, #4287E7);color:var(--semantic-text-disable, #b0b0b0)}.select-options{position:absolute;top:calc(100% + 1px);left:0;right:0;max-height:200px;margin:0;padding:var(--spacing-spacing-3, 12px) var(--spacing-spacing-4, 16px) var(--spacing-spacing-3, 12px) var(--spacing-spacing-3, 12px);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-4, 16px);overflow-y:auto;z-index:1000;border:1px solid var(--semantic-border-strong, #0f0f10);border-top:0;background-color:var(--semantic-surface-white, #fff);list-style:none}.select-option-secondary{border:1px solid var(--semantic-border-normal, #b0b0b0);border-top:0}.select-options.search{border-radius:4px;border:1px solid var(--semantic-border-assistive, #EAEBEC)}.select-options li{width:100%;padding:4px var(--spacing-spacing-3, 12px);text-align:left}.select-options.search li{padding:4px 0}.select-option-selected{background-color:#e0e7ff}.select-option-focused{background-color:#eef1ff;outline:none}.select-option-error{font-size:8px;color:var(--semantic-status-error, #dd1515)}.select-option-warning{font-size:8px;color:var(--semantic-status-warning, #ffc60a)}.select-option-success{font-size:8px;color:var(--semantic-status-success, #008a00)}.select-option-disabled{font-size:8px;color:var(--atomic-neutral-80, #b0b0b0)}.select-option-red{color:var(--semantic-status-error, #dd1515)}.select-error .select-display{border:1px solid var(--semantic-status-error, #dd1515)}.select-error .select-helptext{color:var(--semantic-status-error, #dd1515)}.radio-container label{display:flex;gap:var(--spacing-spacing-2, 8px)}.radio-container input[type=radio]{display:none}.radio-text-bold{font-weight:var(--text-semibold, 600)}.radio-container .radio-text-large .radio-icon{width:24px;height:24px}.radio-icon{width:18px;height:18px;background-size:cover;background-repeat:no-repeat;transition:background-image .2s ease;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2012C3%2010.8181%203.23279%209.64778%203.68508%208.55585C4.13738%207.46392%204.80031%206.47177%205.63604%205.63604C6.47177%204.80031%207.46392%204.13738%208.55585%203.68508C9.64778%203.23279%2010.8181%203%2012%203C13.1819%203%2014.3522%203.23279%2015.4442%203.68508C16.5361%204.13738%2017.5282%204.80031%2018.364%205.63604C19.1997%206.47177%2019.8626%207.46392%2020.3149%208.55585C20.7672%209.64778%2021%2010.8181%2021%2012C21%2014.3869%2020.0518%2016.6761%2018.364%2018.364C16.6761%2020.0518%2014.3869%2021%2012%2021C9.61305%2021%207.32387%2020.0518%205.63604%2018.364C3.94821%2016.6761%203%2014.3869%203%2012Z'%20stroke='%23D9D9D9'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.radio-icon.checked{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0002%201.19922C6.03536%201.19922%201.2002%206.03438%201.2002%2011.9992C1.2002%2017.9641%206.03536%2022.7992%2012.0002%2022.7992C17.965%2022.7992%2022.8002%2017.9641%2022.8002%2011.9992C22.8002%206.03438%2017.965%201.19922%2012.0002%201.19922ZM12.0002%207.67922C10.8545%207.67922%209.75565%208.13436%208.94549%208.94452C8.13534%209.75467%207.6802%2010.8535%207.6802%2011.9992C7.6802%2013.145%208.13534%2014.2438%208.94549%2015.0539C9.75565%2015.8641%2010.8545%2016.3192%2012.0002%2016.3192C13.1459%2016.3192%2014.2447%2015.8641%2015.0549%2015.0539C15.8651%2014.2438%2016.3202%2013.145%2016.3202%2011.9992C16.3202%2010.8535%2015.8651%209.75467%2015.0549%208.94452C14.2447%208.13436%2013.1459%207.67922%2012.0002%207.67922Z'%20fill='%23101213'/%3e%3c/svg%3e")}.edit-card{width:100%;padding:var(--spacing-spacing-5, 20px);border-radius:10px;border:1px solid var(--semantic-border-assistive, #EAEBEC);background:var(--semantic-surface-white, #FFF);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-spacing-4, 16px)}.edit-card.left{width:300px}.edit-card-container{width:100%}.edit-card-title{width:100%;display:flex;justify-content:space-between;align-items:center}.edit-card-title-required{margin-left:var(--spacing-spacing-1, 4px);color:var(--semantic-status-error, #DD1515)}.edit-card-title-helptext{margin-left:var(--spacing-spacing-2, 8px)}.edit-card-content{margin-top:var(--spacing-spacing-2, 8px);text-align:start}.page-table-container{width:100%;overflow:auto;margin-top:var(--spacing-spacing-6, 24px)}.page-table{width:100%;max-width:100%;border-collapse:collapse}.page-table thead{border-top:1px solid var(--semantic-border-assistive, #eaebec);color:var(--semantic-text-assistive, #8A8A8A)}.page-table th{padding:var(--spacing-spacing-2, 8px) var(--spacing-spacing-4, 16px);border-bottom:1px solid var(--semantic-border-alternative, #DCDCDC);text-align:start;white-space:nowrap}.page-table td{padding:var(--spacing-spacing-2, 8px);border-bottom:1px solid var(--semantic-border-alternative, #DCDCDC)}.page-table tr>th:first-child,.page-table tr>td:first-child{padding:var(--spacing-spacing-4, 16px) var(--spacing-spacing-3, 12px) var(--spacing-spacing-4, 16px) var(--spacing-spacing-1, 4px)}.page-table tr>th:last-child,.page-table tr>td:last-child{padding-right:var(--spacing-spacing-5, 20px)}.page-table-sort-input{width:50px;height:30px}.page-table-item-gray{color:var(--semantic-text-assistive, #8A8A8A)}.page-table-ellipsis{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.page-table-product{display:flex;gap:var(--spacing-spacing-2, 8px)}.page-table-product img{flex-shrink:0;width:40px;height:40px;object-fit:contain}.page-table-sell-status{display:flex;gap:var(--spacing-spacing-1, 4px)}.page-table-container,.page-table{overflow:visible!important}.page-filter-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-5, 20px)}.page-filter-title{width:100%;padding-bottom:var(--spacing-spacing-2, 8px);display:flex;flex-direction:column;gap:var(--spacing-spacing-3, 12px)}.page-filter-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-spacing-4, 16px)}.page-filter-title-left{display:flex;align-items:center;gap:var(--spacing-spacing-6, 24px)}.page-table-title{width:100%;overflow-x:hidden;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-spacing-4, 16px)}.page-table-title-left{display:flex;align-items:center;gap:var(--spacing-spacing-1, 4px)}.page-table-row-count{color:var(--semantic-text-alternative, #5C5C5C);background-color:#ededed;border-radius:var(--spacing-spacing-1, 4px);display:flex;padding:var(--spacing-spacing-icon, 2px) var(--spacing-spacing-2, 8px);align-items:center}.page-filter-status{display:flex;gap:var(--spacing-spacing-2, 8px)}.grid-table-title-delete{height:40px;display:flex;gap:var(--spacing-spacing-2, 8px)}.page-table-title-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-spacing-3, 12px)}.page-table-title-search{width:100%;max-width:470px;height:38px;display:flex;gap:var(--spacing-spacing-1, 4px)}.page-table-title-search .select-container{width:200px}.page-table-title-search,.page-table-title-right,.page-table-title{overflow:visible!important}.product-category-container{width:100%;padding:var(--spacing-spacing-9, 48px) var(--spacing-spacing-8, 40px) var(--spacing-spacing-6, 24px);display:flex;flex-direction:column;gap:var(--spacing-spacing-5, 20px)}.product-category-content{display:flex;flex-direction:column;gap:var(--spacing-spacing-2, 8px)}.product-category-top{display:flex;align-items:center;justify-content:space-between}.product-category-change-text{width:37px;height:30px;color:var(--semantic-text-assistive, #8a8a8a);display:flex;align-items:center;justify-content:center}.product-category-list{padding:var(--spacing-spacing-4, 16px) var(--spacing-spacing-4, 16px) var(--spacing-spacing-4, 16px) var(--spacing-spacing-5, 20px);border-radius:var(--spacing-spacing-1, 4px);border:1px solid var(--semantic-border-assistive, #eaebec);background-color:var(--semantic-surface-alternative, #f7f7f8);display:flex;flex-direction:column;gap:var(--spacing-spacing-2, 8px)}.product-category-group{flex:1;height:44px;padding-left:var(--spacing-spacing-2, 8px);padding-right:var(--spacing-spacing-3, 12px);border-radius:var(--spacing-spacing-1, 4px);border:1px solid var(--semantic-border-assistive, #eaebec);background-color:var(--semantic-surface-white, #ffffff);display:flex;align-items:center;gap:var(--spacing-spacing-1, 4px)}.product-category-group-check{width:36px;display:flex;justify-content:center;align-items:center}.product-category-group-item{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between}.product-category-group-right{display:flex;gap:var(--spacing-spacing-2, 8px);opacity:0;pointer-events:none}.product-category-group:hover .product-category-group-right{opacity:1;pointer-events:auto}.product-category-sub{padding-left:var(--spacing-spacing-2, 8px);display:flex;align-items:center;gap:var(--spacing-spacing-1, 4px)}.product-category-sub svg{color:var(--semantic-text-disable, #b0b0b0)}.login-layout{width:100dvw;height:100dvh}.login-header{width:100%;height:100px;padding:var(--spacing-spacing-6, 24px) var(--spacing-spacing-8, 40px);background-color:var(--semantic-surface-white, #fff);display:flex;align-items:center}.login-area{width:100%;padding-top:var(--spacing-spacing-13, 96px);display:flex;justify-content:center}.main-layout{width:100dvw;height:100dvh;display:flex;overflow:hidden}.main-content{flex:1;overflow:auto;padding:var(--spacing-spacing-6, 24px) var(--spacing-spacing-8, 40px);background-color:var(--semantic-surface-alternative, #f7f7f8);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-7, 32px)}.sidebar{flex-shrink:0;overflow:hidden;width:220px;min-width:220px;padding:var(--spacing-spacing-8, 40px) var(--spacing-spacing-5, 20px) var(--spacing-spacing-6, 24px) var(--spacing-spacing-5, 20px);background-color:var(--semantic-surface-white, #fff)}.sidebar-logo{display:flex;gap:var(--spacing-spacing-2, 8px);align-items:center}.sidebar-list{margin-top:var(--spacing-spacing-9, 48px);color:var(--semantic-text-disable, #B0B0B0);display:flex;flex-direction:column;gap:var(--spacing-spacing-4, 16px)}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-spacing-2, 8px)}.click{color:var(--sementic-text-normal, #0F0F10)}.sidebar-sub-list{padding:var(--spacing-spacing-4, 16px) 0 var(--spacing-spacing-3, 12px) var(--spacing-spacing-6, 24px);display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-spacing-4, 16px)}