@tailwind base;@tailwind components;@tailwind utilities;:root{--radius:0.625rem;--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0);--color-background:#f7f7f7;--color-background-light:#fcfcfc;--color-background-dark:#ededed;--color-main:#3f67a2;--color-main-light:#80a4d9;--color-main-dark:#0a3470;--color-main-background:#f1f6ff;--color-main-second:#5d03ad;--color-gray:#a1a1a1;--color-gray-xlight:#f7f7f7;--color-gray-light:#dcdcdc;--color-gray-dark:#6e6e6e;--color-text:#383838;--color-text-light:#8d8d8d;--color-red:#ff606e;--color-red-dark:#a9444d;--color-green:#10b701;--color-blue:#067bda;--foreground-rgb:0,0,0;--background-start-rgb:255,255,255;--background-end-rgb:255,255,255;--container-width:1200px;--bs-gutter-x:0.75rem;--admin-header-height:60px;--admin-bottom-height:70px}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.205 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.205 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.922 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.704 0.191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(0.556 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(0.556 0 0)}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground;font-family:Montserrat,Noto Sans KR,sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans;font-weight:400;line-height:1.5;letter-spacing:-.5px;color:var(--color-text);background-color:var(--color-background);-webkit-text-size-adjust:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}section{margin-bottom:2rem}@media (max-width:575px){section{margin-bottom:1rem}}section.space-by-padding{padding-top:5rem;padding-bottom:5rem}section.space-by-margin{margin-top:5rem;margin-bottom:5rem}@media (max-width:575px){section.space-by-padding{padding-top:2rem;padding-bottom:2rem}section.space-by-margin{margin-top:2rem;margin-bottom:2rem}}section .section-title{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.container{max-width:var(--container-width);padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}.text-shadow{text-shadow:0 0 5px rgba(0,0,0,.6)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-outline-gray-light{color:var(--color-gray-dark);border-color:var(--color-gray-dark)}.btn-outline-gray-light:hover{color:#fff;background-color:var(--color-gray-dark)}@media (max-width:1200px){.container{max-width:100%}}header .gnb ul li.active a{color:var(--color-main,#1a6dff);font-weight:700;border-bottom:2px solid var(--color-main,#1a6dff);padding-bottom:5px}}.product{display:flex;align-items:center;padding:10px 0}.product .thumb{width:120px;height:80px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;border-radius:4px;overflow:hidden;margin-right:15px;flex-shrink:0}.product .thumb .pngsquare{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.product .text{flex-grow:1}.product .text .title{font-size:16px;font-weight:500;margin-bottom:8px;display:flex;align-items:center}.product .text .title i{margin-left:8px;color:#0d6efd;cursor:pointer}.product .text .icon{display:flex;flex-wrap:wrap;gap:5px}.product .text .icon .badge{background-color:#f3f4f6;color:#4b5563;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.select-list h5{font-size:16px;margin-bottom:12px;font-weight:600}.select-list ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.select-list ul li{padding:6px 12px;background-color:#f3f4f6;border-radius:4px;cursor:pointer;transition:all .2s;margin-bottom:8px;display:flex;align-items:center}.select-list ul li.active{background-color:#0d6efd;color:#fff}.select-list ul li span.badge{margin-left:8px;background-color:#0a4088;color:#fff;font-size:12px}.noselection,.notr{background-color:#fff3cd;color:#856404;padding:16px;border-radius:4px;margin-top:20px;border:1px solid #ffeeba}.noselection i,.notr i{margin-right:8px}.search-box{display:flex;margin-bottom:20px}.search-box .form-floating{flex-grow:1;margin-right:10px}.form-floating label{padding:.5rem .75rem}.bottomspace{height:var(--admin-bottom-height)}.bottombuttons{position:fixed;bottom:0;right:0;left:0;background:#fff;padding:15px 20px;text-align:right;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:100}.bottombuttons .btn{margin-left:10px}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 3.5rem)}.modal.fade.show{display:block;background-color:rgba(0,0,0,.5)}.modal-header.modal-green{background-color:#28a745;color:#fff}.modal-header.modal-red{background-color:#dc3545;color:#fff}.modal-header .modal-title i{margin-right:8px}.sortable_placeholder{background-color:#f8f9fa;border:2px dashed #dee2e6;height:100px;margin:10px 0}.sortable_placeholder_productlist{height:100px}.btn-main{background-color:#0d6efd;border-color:#0d6efd}.btn-outline-main{color:#0d6efd;border:1px solid #0d6efd}.bi{margin-right:5px}table.table{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}table.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;padding:.75rem;background-color:#f8f9fa}table.table td{padding:.75rem;vertical-align:middle;border-top:1px solid #dee2e6}.adminsection{padding:20px;margin-bottom:20px}.adminheadersection{background-color:var(--color-main-background);border-bottom:1px solid var(--color-gray-light)}.adminbox{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.adminbox.pagetitle{padding:15px 20px;background-color:transparent;box-shadow:none;display:flex;align-items:center;font-size:1.5rem;font-weight:600}.adminbox.pagetitle .highlight{color:var(--color-main);margin-right:5px}.adminbox.pagetitle .hamburger{color:var(--color-main);margin-right:10px;cursor:pointer}.adminbox-body{padding:20px}.nav-tabs{border-bottom:1px solid var(--color-gray-light)}.nav-item{margin-bottom:-1px}.nav-link{color:var(--color-gray);padding:10px 15px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem;cursor:pointer;display:block}.nav-link:hover{border-color:var(--color-gray-light) var(--color-gray-light) transparent}.nav-link.active{color:var(--color-main);background-color:#fff;border-color:var(--color-gray-light) var(--color-gray-light) #fff;font-weight:500}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.fade{transition:opacity .15s linear}.fade:not(.show){opacity:0}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-gray-light);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header.modal-green{background-color:#d4edda;color:#155724}.modal-header.modal-red{background-color:#f8d7da;color:#721c24}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid var(--color-gray-light);border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-title{margin-bottom:0;line-height:1.5}.btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto;background-color:transparent;border:0;font-size:1.25rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;cursor:pointer}.btn-close:hover{opacity:.75}.btn{display:inline-block;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-main{color:#fff;background-color:var(--color-main);border-color:var(--color-main)}.btn-main:hover{background-color:var(--color-main-dark);border-color:var(--color-main-dark)}.btn-outline-main{color:var(--color-main);border-color:var(--color-main);background-color:transparent}.btn-outline-main:hover{color:#fff;background-color:var(--color-main);border-color:var(--color-main)}.btn-gray-dark{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-gray-dark:hover{background-color:#5a6268;border-color:#545b62}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.form-label{margin-bottom:.5rem;font-weight:500}.form-control{padding:.375rem .75rem;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control,.form-select{display:block;width:100%;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem}.form-select{padding:.375rem 2.25rem .375rem .75rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.form-group{margin-bottom:1rem}.text-danger{color:#dc3545}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-2,.col-md-4{padding-right:15px;padding-left:15px}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%;padding-right:15px;padding-left:15px}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.h-100{height:100%!important}.bi{display:inline-block;vertical-align:-.125em;width:1em;height:1em;margin-right:.25rem}.spinner-border{display:inline-block;width:1rem;height:1rem;vertical-align:text-bottom;border:.25em solid;border-right:.25em solid transparent;border-radius:50%;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-border{to{transform:rotate(1turn)}}.me-2{margin-right:.5rem!important}.position-absolute{position:absolute!important}.top-0{top:0!important}.end-0{right:0!important}.m-1{margin:.25rem!important}.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;margin-bottom:1rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-text{margin-bottom:1rem}@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");.adminbox-title{padding:15px 20px;background-color:var(--color-main-background);border-bottom:1px solid var(--color-gray-light);font-weight:600}.adminbox-title .highlight{color:var(--color-main);margin-right:5px}.settingsection{margin-bottom:1.5rem}.form-floating{position:relative;margin-bottom:1rem}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);padding:1rem .75rem}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;color:var(--color-gray)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem);background-color:#fff;padding:0 .5rem;height:auto}.react-datepicker,.react-datepicker__current-month,.react-datepicker__day,.react-datepicker__day--disabled,.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected,.react-datepicker__day--today,.react-datepicker__day-name,.react-datepicker__header,.react-datepicker__navigation,.react-datepicker__navigation--next,.react-datepicker__navigation--previous{@apply right-2 !important}