:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}@font-face{font-family:nam;src:url(/assets/PretendardVariable-ibo3vkZF.woff2)}body{min-height:100vh;color:var(--color-text);background:white;transition:color .5s,background-color .5s;line-height:1.6;font-family:nam,sans-serif!important;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body{min-height:1024px}input,textarea{font-family:nam,sans-serif}main.main-full{width:100%;min-width:300px;max-width:1300px;margin-left:auto;margin-right:auto;margin-top:75px}main.main-half{width:100%;min-width:300px;max-width:800px;margin-left:auto;margin-right:auto;margin-top:75px}main.main-quarter{width:100%;min-width:300px;max-width:400px;margin-left:auto;margin-right:auto;margin-top:75px}.footer{margin:0 auto}@media only screen and (min-width: 1300px){.footer{width:1300px}}@media only screen and (min-width: 768px){.main-full{padding:0 20px}}@media (max-width: 768px){.main-full{padding:0 10px}}a:hover{text-decoration:none;color:#007aff}@media (max-width: 767px){.logo>a>span{font-size:25px}}.logo{float:left;width:auto;height:50px;margin:12px 0}.logo>a{min-width:150px}.logo a,.logo a img{vertical-align:top;display:flex;position:relative;height:100%;margin:0;padding:0;font-size:30px}.logo>a>span{font-weight:600;display:flex;align-items:center}.logo>a:hover{text-decoration:none;color:#333}.header-bar,.header-cart,.header-cart-bars{cursor:pointer}.adm-container{padding-left:200px;background-color:#fff}.adm-container.menu-hide{padding-left:38px}body{background:#f5f5f5}a{text-decoration:none;color:var(--color-text)}ul,ol{list-style:none}input,textarea{background:#eceff8;border:2px solid #eceff8;height:45px;box-shadow:none;font-size:14px;color:#737373;width:100%}input{text-align:center}textarea{text-align:left}main{min-height:650px}.btn-1{padding:7px 15px 9px;min-width:90px;background:#f7f7f7;border:1px solid #d6d6d6;color:#4a4a4a;line-height:12px;display:inline-block;font-size:12px;font-weight:700;text-align:center;vertical-align:middle;cursor:pointer}.btn-1:hover{background:#e0e0e0;color:#4a4a4a}:root{--primary-light: #8abdff;--primary: #6d5dfc;--primary-dark: #5b0eeb;--white: #FFFFFF;--greyLight-1: rgb(248, 248, 248);--greyLight-2: #c8d0e7;--greyLight-3: #bec8e4;--greyDark: #9baacf}.adm-table tr:nth-child(odd){background-color:#f0f0f0}.btn{padding:9px 15px;font-size:12px;border-radius:3px;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:400;-webkit-user-select:none}.btn-primary{color:#fff;background-color:#1890ff;border-color:#1890ff}.btn-primary:hover{background:#46a6ff;border-color:#46a6ff;color:#fff}.btn-primary:active{background:#096dd9;border-color:#096dd9;color:#fff}.tabs{display:flex;flex-direction:row}.tabs div{padding:10px;cursor:pointer;border:1px solid #ccc;border-bottom:none;border-radius:5px 5px 0 0}.tabs div.active{background-color:#f0f0f0}.tab-content-item{border-bottom:1px solid #ccc}.tab-content-item>div{padding-right:2px}.btn-group{padding:10px;text-align:center}.main-title{padding:20px 0;text-align:center;display:block}.main-content{padding:0 10px;width:auto;display:block}.main-item-title{padding:10px}.option-btn{height:32px;background:#2364d2;border:none;border-radius:5px;color:#fff;margin-left:10px;cursor:pointer;align-items:center;display:grid}.option-btn:hover{color:#fff;background:#1a4fbd}.option-btn:active{color:#fff;background:#0f3a9a}.shopcart-list{overflow-y:scroll}.shopcart{height:calc(100% - 108px)}.payment{border-top:2px solid #2f2f2f}.payment .shopcart-item{display:flex;margin:0 6px;border-bottom:2px solid #eee;padding:10px 5px;position:relative}.shopcart-item a{display:flex}.shopcart .shopcart-item{border:1px solid #e8e8e8;border-top:none;padding:10px;display:flex;position:relative}.shopcart .product-info{padding:0 10px}.shopcart-footer{position:relative;left:auto;bottom:1px;display:flex;max-width:100%;width:100%;margin:0;padding:0}.shopcart-footer>*{flex:1;text-align:center;align-items:center;display:grid;height:50px}.product-img{width:90px;height:90px;border:1px solid #d2d2d2}.product-name{display:flex;word-break:keep-all;line-height:normal}.product-name h3{text-align:left;margin:auto 0}.product-name>div{font-size:15px;text-align:left!important}.product-option{color:#8c8c8c;margin-top:-5px;margin-bottom:-5px}.quantity{display:inline-block;position:relative;border:1px solid #d0caca;border-radius:20px;width:130px}.quantity>div{position:absolute;text-align:center;z-index:2;width:40px!important;line-height:40px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0!important;display:block!important;font-size:20px;color:#000;cursor:pointer}.quantity .up{left:96px;width:20px!important}.quantity .down{left:2px;width:40px!important}.quantity input{text-align:center;max-height:30px;line-height:40px;margin:0 40px;border:1px solid #d0caca;border-bottom:none;border-top:none;border-radius:unset;font-weight:700}.quantity input:focus{outline:none}.btn-positive{background:var(--primary);color:var(--greyLight-1);cursor:pointer;box-shadow:inset .2rem .2rem 1rem var(--primary-light),inset -.2rem -.2rem 1rem var(--primary-dark),.3rem .3rem .6rem var(--greyLight-2),.5rem -.2rem .5rem var(--white)}.btn-negative{background:var(--greyLight-1);color:#000;cursor:pointer;box-shadow:inset .1rem .1rem .1rem var(--greyLight-1),inset -.5rem -.2rem 1rem var(--greyLight-3),.3rem .3rem .6rem var(--greyLight-1),.5rem -.2rem .5rem var(--white);border:1px solid #dcdfe6}a.btn-positive,a.btn-negative{display:grid}.btn-positive:hover{color:#fff;box-shadow:none}.btn-negative:hover{color:#000;box-shadow:inset .2rem .2rem .5rem var(--greyLight-2),inset -.2rem -.2rem .5rem var(--white)}.pop-btns-frame{position:relative;left:auto;bottom:1px;display:flex;max-width:100%;width:100%;margin:0;padding:0}.pop-btns-frame>*{flex:1;text-align:center;align-items:center;display:grid;height:50px;margin:10px}.btn-confirm{background:var(--primary);color:var(--greyLight-1);cursor:pointer}.btn-confirm:hover{color:#fff;box-shadow:none}.btn-cancel{background:var(--greyLight-1);color:#000;cursor:pointer;border:1px solid #dcdfe6}.btn-cancel:hover{color:#000;box-shadow:none}.option-edit-btn{margin-top:-8px}.option-editing{font-size:12px;text-decoration:underline;color:#2563eb;cursor:pointer;padding-left:5px}.login-btn,.register-btn{line-height:50px;text-align:center;margin:10px 0;color:#fff;border-radius:8px;cursor:pointer}.login-btn{background:#f34221}.register-btn{background:#2070eb}.login-btn:hover{background:#ffd4cc;box-shadow:inset 0 0 0 1px #f34221;color:#000}.register-btn:hover{background:#c5dcff;box-shadow:inset 0 0 0 1px #2070eb;color:#000}.total-price-num{color:#de7110;font-weight:700}.input-1{padding:0 16px;border:2px solid #dfdfdf;border-radius:8px;background:#f5f5f5;outline:none}.input-1:focus{border:1px solid #007dff}.board-write-table{border-top:1px solid #666;color:#222;font-size:12px;clear:both;width:100%}.board-write-table th{padding:7px 0 7px 15px;line-height:30px;background:#f5f5f5;border-bottom:1px solid #dfdfdf;text-align:left;vertical-align:top}.board-write-table th .reqd{float:left;padding:5px 5px 0 0;height:15px;display:block;color:red}.board-write-table td{height:30px;line-height:30px}.board-write-table td.num{border-left:1px solid #e3e3e3;text-align:center;line-height:14px;vertical-align:middle}@media screen and (max-width: 768px){.col-1{width:140px}.board-write-table td{padding:7px 10px}}@media (max-width: 768px){.col-1{width:60px}.board-write-table th{padding:7px 0 7px 7px}.board-write-table td{padding:7px 5px}}table{border-spacing:unset;border-collapse:collapse;text-indent:unset;width:100%}tr{border-bottom:1px solid #e0e0e0;width:100%}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-0{right:0}.right-5{right:1.25rem}.float-left{float:left}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mr-auto{margin-right:auto}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.w-1\/12{width:8.333333%}.w-12{width:3rem}.w-2{width:.5rem}.w-2\/12{width:16.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-8\/12{width:66.666667%}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:48rem}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.place-content-around{place-content:space-around}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-none{border-style:none}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover{object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pr-20{padding-right:5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-tighter{letter-spacing:-.05em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}