:root{--lnb-width:280px;--header-height:60px;--breadcrumb-height:40px;--footer-height:80px;--gridPadding:40px}*,:after,:before{box-sizing:border-box;white-space:normal}dl,li,ol,ul{list-style:none;padding:0;margin:0}dd{margin-left:0}h1,h2,h3,h4,h5,h6{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a,a:active,a:hover{text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;padding:0}button{overflow:visible;outline:none;border:none;background-color:transparent;padding:0}button+button{margin-left:3px}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input+input{margin-left:5px}input[type=checkbox]:not(.switch),input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:1px solid #c8cacd;cursor:pointer;position:relative;margin:0;padding:0}input[type=checkbox]:not(.switch):checked{background-color:#fff;border:1px solid #000}input[type=checkbox]:not(.switch):checked:after{content:"✓";position:absolute;color:#000;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}input[type=checkbox].switch{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:38px;height:20px;background-color:#ccc;border-radius:10px;position:relative;cursor:pointer;transition:background-color .3s;border:none;margin:0;padding:0}input[type=checkbox].switch:before{content:"";position:absolute;width:16px;height:16px;background-color:#fff;border-radius:50%;top:2px;left:2px;transition:left .3s}input[type=checkbox].switch:checked{background-color:#66607d}input[type=checkbox].switch:checked:before{left:20px}.checkbox{position:relative;padding:0;margin:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0;background:transparent}fieldset,legend{border:0;padding:0}legend{display:none}textarea{overflow:auto}optgroup{font-weight:700}blockquote p{font-size:1.3em;font-style:italic;margin-bottom:8px}blockquote cite{display:block;font-size:1.3em}pre{background:#fffbeb;font:1.3em/1.5 Lucida Console,Monaco,Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;overflow:scroll;margin:28px 0;padding:14px 10px;width:90%}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle;padding:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}p{margin:0}.txt-left{text-align:left}.txt-center{text-align:center}.txt-right{text-align:right}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sizeUpCrop{0%{height:0}to{height:660px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes helpEffect{0%{transform:translateX(-20px);opacity:0}50%{transform:translateX(0);opacity:1}to{transform:translateX(5px);opacity:0}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@font-face{font-family:GenesisSans Text;font-style:normal;font-weight:400;src:url(/_next/static/media/GenesisSansTextOffice-Regular.37faf72b.woff2) format("woff2")}@font-face{font-family:GenesisSans Text;font-style:normal;font-weight:500;src:url(/_next/static/media/GenesisSansTextOffice-Medium.50acf8ff.woff2) format("woff2")}@font-face{font-family:GenesisSans Head;font-style:normal;font-weight:300;src:url(/_next/static/media/GenesisSansHeadOffice-Light.94db771d.woff2) format("woff2")}@font-face{font-family:GenesisSans Head;font-style:normal;font-weight:400;src:url(/_next/static/media/GenesisSansHeadOffice-Regular.396a068c.woff2) format("woff2")}#__next,body,html{font-family:GenesisSans Text,맑은 고딕,Malgun Gothic,Apple SD Gothic Neo,돋움,Dotum,sans-serif;font-size:14px;color:#000;box-sizing:border-box;line-height:1.4;background-color:#fff;height:100%;margin:0;padding:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility!important;touch-action:pan-y;word-break:keep-all}img{display:block;width:100%;height:auto}a{color:#222}a:hover{color:#79748d}li{list-style:none}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.vertical-center{display:table;width:100%;height:100%}.vertical-center>div{display:table-cell;vertical-align:middle;text-align:center}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:hsla(0,0%,74%,.8);opacity:0;visibility:hidden;transition:opacity .3s;z-index:9000}h1,h2,h3,h4,h5,h6{font-family:GenesisSans Head,맑은 고딕,Malgun Gothic,Apple SD Gothic Neo,돋움,Dotum,sans-serif;font-weight:400;line-height:1}@supports(-webkit-touch-callout:none){body{min-height:-webkit-fill-available}body>.container-fluid{height:100%}}@media only screen and (max-width:768px){.onP{display:none}.onM{display:block}}@media only screen and (min-width:768px){.onM{display:none}.onP{display:block}}.btn{display:inline-block;padding:12px 14px 10px;background-color:#fff;line-height:1;cursor:pointer}.btn,.btn>span{position:relative}.btn>span{z-index:2;font-size:1rem;font-weight:400;color:#000;transition:color .25s ease-out}.btn.black-btn{background:#000}.btn.black-btn>span{color:#fff}.btn:after{inset:0;border:1px solid #79748d;z-index:3}.btn:after,.btn:before{content:"";display:block;position:absolute}.btn:before{top:0;bottom:0;left:0;background-color:#79748d;width:0;opacity:0;transition:width 0ms ease-in-out .2s,opacity .2s 0ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.btn:hover:not([data-disabled],[disabled],[data-readonly])>span{color:#fff}.btn:hover:not([data-disabled],[disabled],[data-readonly]):before{width:100%;opacity:1;transition:width .25s ease-in-out,opacity 0ms}.btn:hover:not([data-disabled],[disabled],[data-readonly])[class*=outline]:after{opacity:0}.btn[data-intent=confirm]{background-color:#79748d}.btn[data-intent=confirm]>span{color:#fff}.btn[data-intent=confirm]:before{background-color:#fff}.btn[data-intent=confirm]:hover:not([data-disabled],[disabled],[data-readonly])>span{color:#000}.btn[data-intent=secondary]{background-color:#666}.btn[data-intent=secondary]>span{color:#fff}.btn[data-intent=secondary]:before{background-color:#fff}.btn[data-intent=secondary]:after{border-color:#666}.btn[data-intent=secondary]:hover:not([data-disabled],[disabled],[data-readonly])>span{color:#000}.btn:active:after{background-color:rgba(0,0,0,.05);opacity:1}.btn:focus{box-shadow:0 0 0 .2rem hsla(194,9%,72%,.188)}.btn:focus[class*=primary]{box-shadow:0 0 0 .2rem rgba(52,192,199,.188)}.btn:focus[class*=secondary]{box-shadow:0 0 0 .2rem hsla(4,85%,68%,.188)}.btn:focus[class*=success]{box-shadow:0 0 0 .2rem rgba(106,193,58,.188)}.btn:focus[class*=danger]{box-shadow:0 0 0 .2rem rgba(206,58,33,.188)}.btn:focus[class*=warning]{box-shadow:0 0 0 .2rem rgba(240,175,0,.188)}.btn:focus[class*=black]{box-shadow:0 0 0 .2rem rgba(44,49,52,.082)}.btn:focus[class*=dark]{box-shadow:0 0 0 .2rem rgba(90,99,103,.125)}.btn:focus[class*=gray]{box-shadow:0 0 0 .2rem hsla(194,9%,72%,.188)}.btn:focus[class*=light]{box-shadow:0 0 0 .2rem hsla(180,8%,88%,.251)}.btn[data-disabled],.btn[data-readonly],.btn[disabled]{opacity:.2}.btn[data-disabled]:hover:before,.btn[data-readonly]:hover:before,.btn[disabled]:hover:before{opacity:0!important}.btn[data-disabled]:focus,.btn[data-readonly]:focus,.btn[disabled]:focus{box-shadow:none!important}.btn[data-readonly]{cursor:default}.btn[data-disabled],.btn[disabled]{cursor:not-allowed}.btn[data-block]{display:block;width:100%;text-align:center}.btn[data-size=sm]{padding:7px 8px}.btn[data-size=sm]>span{font-size:.875rem}.btn[data-size=lg]{padding:18px 16px 16px}.btn[data-size=lg]>span{font-size:1.125rem}.btn[data-wide]{padding-left:30px;padding-right:30px}.btn[data-wide].btn-sm{padding-left:20px;padding-right:20px}.btn[data-wide].btn-lg{padding-left:40px;padding-right:40px}@media only screen and (max-width:768px){.btn{padding:11px 12px}.btn[data-size=sm]{padding:9px 8px}.btn[data-size=lg]{padding:18px 14px 16px}}[class*=arrow-]{position:relative}[class*=arrow-]:after{content:"";position:absolute;top:50%;margin-top:-4px;display:block;width:8px;height:8px;border-top:1px solid #4d4d4d;border-right:1px solid #4d4d4d}.arrow-right:after{right:0;transform:rotate(45deg)}.arrow-left:after{left:0;transform:rotate(135deg)}.breadcrumb{border-bottom:1px solid #e5e5e5;height:var(--breadcrumb-height)}.breadcrumb .container{display:flex;align-items:center;height:inherit;padding-left:40px}.breadcrumb a,.breadcrumb span{font-size:14px;color:#66607d}.breadcrumb a{position:relative;padding-right:14px;margin-right:14px}.breadcrumb a:after{content:"";display:block;width:14px;height:14px;position:absolute;right:-7px;top:50%;margin-top:-7px;background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='1.2' d='m7.6 5.6 4.8 4.4-4.8 4.4'/%3E%3C/svg%3E") no-repeat 50%/100%}.box{padding:24px 30px;border:1px solid #e5e5e5;background-color:#fff}.box.box-gray{background-color:#f8f8f8}.wrap{height:100%;min-width:1280px;padding-top:var(--header-height);padding-left:var(--lnb-width);overflow-y:scroll!important}.container{position:relative;margin-left:auto;margin-right:auto;padding:0 var(--gridPadding)}main{width:100%;max-width:100%!important;padding:40px;min-height:calc(100% - var(--breadcrumb-height) - var(--footer-height))}main>h1{margin-bottom:30px;color:#66607d}.loading{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:300}.loading .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px}.loading .spinner:after{content:"";display:block;width:64px;height:64px;border-radius:50%;border-color:#666 transparent;border-style:solid;border-width:6px;opacity:.5;animation:spinner 1.2s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filter-wrap{margin-bottom:25px}.filter-wrap .form+.form{margin-left:20px}.filter-wrap .filter{display:flex}.filter-wrap .filter+.filter{margin-top:10px}.pagination{text-align:center}.pagination a{width:20px;height:30px;display:inline-block;vertical-align:middle;line-height:31px}.pagination a+a{margin-left:15px}.pagination a.active{border-bottom:1px solid #000}.pagination a[class^=pagination-]{text-indent:-9999px;font-size:0}.pagination a[class^=pagination-]:before{content:"";display:block;width:30px;height:30px;background-size:20px;background-position:50%;background-repeat:no-repeat}.pagination a.pagination-prev:before{transform:scaleX(-1)}.pagination a.pagination-next:before,.pagination a.pagination-prev:before{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='1.2' d='m7.6 5.6 4.8 4.4-4.8 4.4'/%3E%3C/svg%3E");cursor:pointer}.pagination a.pagination-first:before{transform:scaleX(-1)}.pagination a.pagination-first:before,.pagination a.pagination-last:before{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='1.2' d='M5.2 5.6 10 10l-4.8 4.4M10 5.6l4.8 4.4-4.8 4.4'/%3E%3C/svg%3E");cursor:pointer}.pagination a.pagination-next:hover:before,.pagination a.pagination-prev:hover:before{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%28121%2C116%2C141%29'%3E%3Cpath fill='none' stroke='rgb%28121%2C116%2C141%29' stroke-width='1.2' d='m7.6 5.6 4.8 4.4-4.8 4.4'/%3E%3C/svg%3E");cursor:pointer}.pagination a.pagination-first:hover:before,.pagination a.pagination-last:hover:before{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%28121%2C116%2C141%29'%3E%3Cpath fill='none' stroke='rgb%28121%2C116%2C141%29' stroke-width='1.2' d='M5.2 5.6 10 10l-4.8 4.4M10 5.6l4.8 4.4-4.8 4.4'/%3E%3C/svg%3E");cursor:pointer}.header{position:fixed;top:0;left:0;right:0;z-index:9000;height:60px;display:flex;flex-wrap:nowrap;background:#3a2d54}.header .logo{display:flex;align-items:center;width:var(--lnb-width);height:100%;padding-left:30px;cursor:pointer}.header .logo img{width:auto;height:30px;margin-right:14px}.header .logo span{color:#fff;font-size:13px}.header .menu{margin-left:10px;height:100%;display:flex}.header .menu li{position:relative;padding:10px 20px}.header .menu li a{display:block;padding:10px;font-family:GenesisSans Head,맑은 고딕,Malgun Gothic,Apple SD Gothic Neo,돋움,Dotum,sans-serif;color:#fff}.header .menu li a:hover{color:#c36f51}.header .menu li+li:before{content:"";display:block;height:20px;position:absolute;top:50%;left:0;margin-top:-10px;border-left:1px solid hsla(0,0%,100%,.2)}.header .user{margin-left:auto;margin-right:10px;display:flex;align-items:center}.header .user .user-name{font-size:13px;color:#fff;padding:0 18px}.header .user .user-button{border-left:1px solid hsla(0,0%,100%,.2);color:#fff;padding:0 18px}footer{background:#e1e2e8;border-top:1px solid #e1e2e8;height:var(--footer-height);display:flex;align-items:center;justify-content:space-between;padding:0 30px}footer .logo{opacity:.3}footer .logo img{display:inline-block;width:auto;height:30px}footer .logo .copyright{margin-left:20px;font-size:12px;color:#000}footer .lang button{width:70px;padding:6px 0;display:inline-block;font-size:13px;color:#272727;background-color:#b9b8c6;border:1px solid #b9b8c6}footer .lang button.current{color:#fff;background-color:#79748d;border:1px solid #79748d}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select{display:inline-block;border:none;border-bottom:1px solid #3a2d54;padding:0 10px;height:36px;font-size:1rem;color:#000;background-color:#fff}input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder,select::-moz-placeholder{color:#aaa8a6}input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=datetime]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,select:-ms-input-placeholder{color:#aaa8a6}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=datetime]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,select::placeholder{color:#aaa8a6}input[type=date][data-full],input[type=datetime-local][data-full],input[type=datetime][data-full],input[type=email][data-full],input[type=month][data-full],input[type=number][data-full],input[type=password][data-full],input[type=search][data-full],input[type=tel][data-full],input[type=text][data-full],input[type=time][data-full],input[type=url][data-full],input[type=week][data-full],select[data-full]{width:100%}input[type=date][data-box],input[type=datetime-local][data-box],input[type=datetime][data-box],input[type=email][data-box],input[type=month][data-box],input[type=number][data-box],input[type=password][data-box],input[type=search][data-box],input[type=tel][data-box],input[type=text][data-box],input[type=time][data-box],input[type=url][data-box],input[type=week][data-box],select[data-box]{border:1px solid #a2a2a2}input[type=date][readonly],input[type=datetime-local][readonly],input[type=datetime][readonly],input[type=email][readonly],input[type=month][readonly],input[type=number][readonly],input[type=password][readonly],input[type=search][readonly],input[type=tel][readonly],input[type=text][readonly],input[type=time][readonly],input[type=url][readonly],input[type=week][readonly],select[readonly]{background-color:#f8f8f8;color:#666}input[type=date][readonly]:focus-visible,input[type=datetime-local][readonly]:focus-visible,input[type=datetime][readonly]:focus-visible,input[type=email][readonly]:focus-visible,input[type=month][readonly]:focus-visible,input[type=number][readonly]:focus-visible,input[type=password][readonly]:focus-visible,input[type=search][readonly]:focus-visible,input[type=tel][readonly]:focus-visible,input[type=text][readonly]:focus-visible,input[type=time][readonly]:focus-visible,input[type=url][readonly]:focus-visible,input[type=week][readonly]:focus-visible,select[readonly]:focus-visible{outline:none;box-shadow:none}input[type=date]:disabled,input[type=date][disabled],input[type=datetime-local]:disabled,input[type=datetime-local][disabled],input[type=datetime]:disabled,input[type=datetime][disabled],input[type=email]:disabled,input[type=email][disabled],input[type=month]:disabled,input[type=month][disabled],input[type=number]:disabled,input[type=number][disabled],input[type=password]:disabled,input[type=password][disabled],input[type=search]:disabled,input[type=search][disabled],input[type=tel]:disabled,input[type=tel][disabled],input[type=text]:disabled,input[type=text][disabled],input[type=time]:disabled,input[type=time][disabled],input[type=url]:disabled,input[type=url][disabled],input[type=week]:disabled,input[type=week][disabled],select:disabled,select[disabled]{background-color:#f8f8f8;color:#aaa8a6;border-color:#e5e5e5}input[type=date]:disabled:focus-visible,input[type=date][disabled]:focus-visible,input[type=datetime-local]:disabled:focus-visible,input[type=datetime-local][disabled]:focus-visible,input[type=datetime]:disabled:focus-visible,input[type=datetime][disabled]:focus-visible,input[type=email]:disabled:focus-visible,input[type=email][disabled]:focus-visible,input[type=month]:disabled:focus-visible,input[type=month][disabled]:focus-visible,input[type=number]:disabled:focus-visible,input[type=number][disabled]:focus-visible,input[type=password]:disabled:focus-visible,input[type=password][disabled]:focus-visible,input[type=search]:disabled:focus-visible,input[type=search][disabled]:focus-visible,input[type=tel]:disabled:focus-visible,input[type=tel][disabled]:focus-visible,input[type=text]:disabled:focus-visible,input[type=text][disabled]:focus-visible,input[type=time]:disabled:focus-visible,input[type=time][disabled]:focus-visible,input[type=url]:disabled:focus-visible,input[type=url][disabled]:focus-visible,input[type=week]:disabled:focus-visible,input[type=week][disabled]:focus-visible,select:disabled:focus-visible,select[disabled]:focus-visible{outline:none;box-shadow:none}input[type=date]:focus-visible,input[type=datetime-local]:focus-visible,input[type=datetime]:focus-visible,input[type=email]:focus-visible,input[type=month]:focus-visible,input[type=number]:focus-visible,input[type=password]:focus-visible,input[type=search]:focus-visible,input[type=tel]:focus-visible,input[type=text]:focus-visible,input[type=time]:focus-visible,input[type=url]:focus-visible,input[type=week]:focus-visible,select:focus-visible{outline:none}textarea{display:block;width:100%;border:1px solid #a2a2a2;padding:14px 20px;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='1.2' d='m7.1 8.5 2.9 3 2.9-3'/%3E%3C/svg%3E") no-repeat calc(100% - 6px) 50%/20px;padding-right:26px;min-width:100px}select:invalid{color:#aaa8a6}select option[value=""][disabled]{display:none}select[readonly]{pointer-events:none}fieldset{min-inline-size:unset;border-bottom:2px solid #d8d8d8;padding-bottom:52px}fieldset+fieldset{margin-top:100px}fieldset legend{position:relative;display:block;width:100%;font-size:28px;font-weight:700;line-height:1.5;padding-left:16px;padding-bottom:20px;border-bottom:2px solid #000}fieldset legend:before{content:"";position:absolute;left:0;top:0;display:block;width:8px;height:8px;border-radius:50%;background-color:#000}.form-group>label{position:relative;display:inline-block;font-size:14px}.form-group.essential>label:after{content:"*";display:inline-block;color:red;font-size:inherit;margin-left:4px}.form-horizontal .form-group{display:flex;align-items:flex-start}.form-horizontal .form-group>label{width:140px;padding-right:20px;padding-top:6px}.form-horizontal .form-group .form{flex:1 1;min-height:30px}.form-inline .form-group{width:auto!important;flex-grow:1;flex-basis:min-content}.form-inline .form-group>label{width:auto!important}.form input[type=date],.form input[type=datetime-local],.form input[type=datetime],.form input[type=email],.form input[type=month],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=time],.form input[type=url],.form input[type=week],.form select{width:100%}.form .form-control:last-child{margin-right:0}.form.form-flex{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.form.form-flex .form-control{flex:1 1}.form.form-search{position:relative}.form.form-search .init-keyword{position:absolute;right:10px;top:50%;margin-top:-10px;display:block;width:20px;height:20px;background-color:#f8f8f8;border-radius:50%;text-indent:-9999px}.form.form-search .init-keyword:after,.form.form-search .init-keyword:before{content:"";position:absolute;left:50%;top:50%;display:block;width:10px;height:2px;margin-left:-5px;margin-top:-1px;background-color:#fff}.form.form-search .init-keyword:before{transform:rotate(45deg)}.form.form-search .init-keyword:after{transform:rotate(135deg)}.form.form-search .init-keyword:hover{background-color:#666}.form.form-search input[type=text]{padding-right:24px}.form.form-search .search-button{position:absolute;right:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Ccircle fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='1.2' cx='9.1' cy='9.1' r='3.4'/%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='1.2' d='m11.5 11.5 2.8 2.8'/%3E%3C/svg%3E") no-repeat 50%/100%;text-indent:-9999px}.form.form-datepicker input{position:relative;padding-right:24px;background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' d='M2.5 4.5h15v12h-15zM2.5 7.5H17M5 10.5h2M5 13.5h2M9 10.5h2M9 13.5h2M13 10.5h2M13 13.5h2M5.5 5.8V3.2M14.5 5.8V3.2'/%3E%3C/svg%3E") no-repeat 100%/20px;width:160px}.form.form-datepicker span{margin:0 6px}.form.form-toggle{padding-top:5px}.form.form-upload{position:relative;padding-right:90px}.form.form-upload input[type=text]{width:100%}.form.form-upload .upload-file{position:absolute;right:0;top:0;width:auto;background-color:transparent;padding:0;border:none}.form.form-upload .upload-file .btn{width:80px;text-align:center}.form.form-upload-text{display:flex}.form.form-upload-text .uploaded-image{position:relative;width:200px;margin-right:10px;text-align:right;border:1px solid #e5e5e5;padding:12px 14px}.form.form-upload-text .uploaded-image input[type=file]{display:none}.form.form-upload-text .upload-file{width:200px;margin-right:10px;padding-bottom:40px}.form.form-upload-text .upload-file .btn{position:absolute;right:14px;bottom:12px;z-index:1}.form.form-upload-text textarea{flex:1 1}.form.form-right{margin-left:auto!important}.upload-file{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #e5e5e5;background-color:#fff;padding:12px 14px;cursor:pointer}.upload-file input[type=file]{display:none}.upload-file p{font-size:12px;color:#999;margin-bottom:4px}@media only screen and (max-width:768px){fieldset{padding-bottom:40px}fieldset+fieldset{margin-top:90px}fieldset legend{font-size:20px;padding-left:9px;padding-bottom:15px}fieldset legend:before{width:5px;height:5px}.form-group{margin-top:35px}.form-group>label{font-size:15px;margin-bottom:8px}.form-group.essential>label:after{margin-left:2px}.form-group+.form-group{margin-top:30px}.form-horizontal .form-group{padding-left:0;padding-right:0}.form-horizontal .form-group>label{position:relative;left:0;top:0;width:auto;margin-bottom:6px}.form .form-control{margin:4px 0}.form .form-control+.form-control{margin-left:0}.form.form-flex{flex-wrap:wrap}}.checkbox{display:inline-block;vertical-align:middle;cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;vertical-align:middle;width:18px;height:18px;background-color:#fff;border:1px solid #c8cacd;cursor:pointer}.checkbox input[type=checkbox]:before,.checkbox input[type=radio]:before{content:"";position:absolute;display:block}.checkbox input[type=checkbox][disabled],.checkbox input[type=radio][disabled]{opacity:.6;cursor:not-allowed}.checkbox span{margin-left:6px;display:inline-block;vertical-align:middle}.checkbox input[type=checkbox]:before{width:6px;height:10px;left:5px;top:2px;border-color:transparent;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input[type=checkbox]:checked{background-color:#fff;border-color:#000}.checkbox input[type=checkbox]:checked:before{border-color:#fff}.checkbox input[type=checkbox]:checked+span{color:#000}.checkbox input[type=radio]{border-radius:50%}.checkbox input[type=radio]:before{width:8px;height:8px;top:50%;left:50%;margin-top:-4px;margin-left:-4px;border-radius:50%;background-color:#fff;transform:scale(.1)}.checkbox input[type=radio]:checked{background-color:#000;border-color:#000}.checkbox input[type=radio]:checked:before{animation:radioPop .3s ease-in-out both}.checkbox+.checkbox{margin-left:16px}@keyframes radioPop{0%{transform:scale(.1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkbox[data-type=circle] input[type=checkbox]{background-color:#aaa8a6;border:1px solid #c8cacd;border-radius:50%}.checkbox[data-type=circle] input[type=checkbox]:before{width:6px;height:10px;left:5px;top:2px;border-width:0 2px 2px 0}.checkbox[data-type=circle] input[type=checkbox]:checked{background-color:#000;border-color:#000}.toggle{display:inline-block;cursor:pointer}.toggle span{position:relative;display:block;width:40px;height:20px;transition:background-color .3s linear;outline:none;border-radius:10px;background-color:rgba(0,0,0,.25)}.toggle span:before{content:"";position:absolute;top:50%;margin-top:-7px;left:3px;display:block;width:14px;height:14px;border-radius:50%;background-color:#fff;transition:left .3s ease-in-out}.toggle input[type=checkbox]{display:none}.toggle input[type=checkbox]:checked+span{background-color:#66607d}.toggle input[type=checkbox]:checked+span:before{left:calc(100% - 17px)}.form-container{display:flex;flex-wrap:wrap}.form-container+.form-container{margin-top:20px}.form-container .form-group>label{margin-bottom:6px}.form-container .form-group>h2{margin-top:16px}.lnb{width:var(--lnb-width);background:#79748d;position:fixed;z-index:8000;left:0;top:var(--header-height);bottom:0;overflow-y:auto}.lnb .menu{display:flex;flex-direction:column;height:100%;padding:0;margin:0;list-style:none}.lnb .menu a{display:block;position:relative;color:#fff;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.lnb .menu a:hover{background-color:hsla(0,0%,100%,.1)}.lnb .menu a .menu-item{display:flex;align-items:center;gap:8px}.lnb .menu a .menu-item .nav-icon{flex-shrink:0;opacity:.9}.menu-1d .lnb .menu a .menu-item .nav-icon{font-size:18px}.menu-2d .lnb .menu a .menu-item .nav-icon{font-size:16px}.menu-3d .lnb .menu a .menu-item .nav-icon{font-size:14px}.lnb .menu a.menu-1d.has-submenu:after,.lnb .menu a.menu-2d.has-submenu:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath fill='none' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.2' d='m5.4 7.6 4.6 4.7 4.6-4.7'/%3E%3C/svg%3E") no-repeat 50%/100%;transition:transform .3s ease}.lnb .menu a.menu-1d.menu-solid:after,.lnb .menu a.menu-2d.menu-solid:after{display:none}.lnb .menu a.menu-1d.active.has-submenu:after,.lnb .menu a.menu-2d.active.has-submenu:after{transform:translateY(-50%) rotate(180deg)}.lnb .menu .menu-1d{font-family:GenesisSans Head,맑은 고딕,Malgun Gothic,Apple SD Gothic Neo,돋움,Dotum,sans-serif;font-size:16px;padding:15px 30px;font-weight:600;letter-spacing:.1em}.lnb .menu .menu-1d .nav-icon{font-size:20px}.lnb .menu .menu-1d.active{background-color:hsla(0,0%,100%,.05)}.lnb .menu .menu-2d{font-size:14px;font-weight:500;padding:12px 45px;color:#fff}.lnb .menu .menu-2d .nav-icon{font-size:16px}.lnb .menu .menu-2d.active{color:#fff;background-color:hsla(0,0%,100%,.05)}.lnb .menu .menu-3d{font-size:13px;padding:10px 60px;color:#fff}.lnb .menu .menu-3d .nav-icon{font-size:14px}.lnb .menu .menu-3d:hover{color:#fff}.lnb .menu .menu-3d.active{color:#fff;font-weight:500}.lnb .menu>li{background-color:#66607d;border-bottom:1px solid hsla(0,0%,100%,.05)}.lnb .menu>li.current{background-color:#5a556f}.lnb .menu>li.current>a{color:#fff}.lnb .menu>li ul{display:none}.lnb .menu>li ul.show{display:block}.lnb .menu>li ul li{background-color:#66607d}.lnb .menu>li ul li a:hover{background-color:hsla(0,0%,100%,.1)}.lnb .menu>li ul li.current .menu-2d{color:#fff;font-weight:500}.lnb .menu>li ul li>ul{display:none}.lnb .menu>li ul li.expanded>ul,.lnb .menu>li ul li>ul.show{display:block}.lnb .menu .admin-menu{margin-top:auto;border-top:1px solid hsla(0,0%,100%,.1)}.lnb .menu .select-product{padding:8px 30px;margin:0;background-color:#66607d}.lnb .menu .select-product select{width:100%;padding:6px 30px 6px 10px;color:#aaa8a6;background-color:transparent;border:none;border-bottom:1px solid #a2a2a2;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:13px;background:transparent url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%28170%2C168%2C166%29'%3E%3Cpath fill='none' stroke='rgb%28170%2C168%2C166%29' stroke-width='1.2' d='m7.1 8.5 2.9 3 2.9-3'/%3E%3C/svg%3E") no-repeat calc(100% - 6px) 50%/20px}.lnb .menu .select-product select:focus{outline:none;border-bottom-color:#fff}.lnb .menu .select-product select option{background-color:#fff;color:#000;padding:8px}.lnb::-webkit-scrollbar{width:6px}.lnb::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.lnb::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.lnb::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@media screen and (max-width:1024px){.lnb{--lnb-width:220px}.lnb .menu .menu-1d{font-size:15px;padding:12px 25px}.lnb .menu .menu-1d .nav-icon{font-size:18px}.lnb .menu .menu-2d{font-size:13px;padding:10px 35px}.lnb .menu .menu-2d .nav-icon{font-size:15px}.lnb .menu .menu-3d{font-size:12px;padding:8px 45px}.lnb .menu .menu-3d .nav-icon{font-size:13px}.lnb .menu .select-product{padding:8px 25px}.lnb .menu .select-product select{font-size:12px}}@media screen and (max-width:768px){.lnb{transform:translateX(-100%);transition:transform .3s ease}.lnb.open{transform:translateX(0)}}.mt-h{margin-top:.5rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}.mt-6{margin-top:6rem}.mr-h{margin-right:.5rem}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mr-3{margin-right:3rem}.mr-4{margin-right:4rem}.mr-5{margin-right:5rem}.mr-6{margin-right:6rem}.ml-h{margin-left:.5rem}.ml-2{margin-left:2rem}.ml-3{margin-left:3rem}.ml-4{margin-left:4rem}.ml-5{margin-left:5rem}.ml-6{margin-left:6rem}.mb-h{margin-bottom:.5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}.mb-6{margin-bottom:6rem}.modal-wrap{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;display:none;animation:modalOverlay .3s linear forwards}.modal-wrap .modal-container{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 30px 30px var(--lnb-width)}.modal-wrap .modal{background-color:#f7f7f7;border:1px solid #000;display:flex;flex-direction:column;max-height:100%;padding:30px;animation:modalContentShow .3s ease-in-out .2s both}.modal-wrap .modal-header{position:relative;padding:22px 0 18px;border-bottom:1px solid #e5e5e5}.modal-wrap .modal-header h2{font-size:24px;line-height:1}.modal-wrap .modal-close{position:absolute;top:16px;right:0;z-index:1;display:block;width:40px;height:40px;text-indent:-9999px;font-size:0;overflow:hidden;background-color:rgba(255,0,0,.5);background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' d='M25.8 14.2 14.2 25.8M14.2 14.2l11.7 11.7'/%3E%3C/svg%3E") no-repeat 50%/100%}.modal-wrap .modal-body{flex:1 1;overflow-y:auto;padding:20px 0}.modal-wrap .modal-body .category-list h2{font-size:16px;margin-bottom:10px}.modal-wrap .modal-body .category-list ul{display:flex;flex-wrap:wrap;gap:6px}.modal-wrap .modal-body .category-list .category-list-min-height{min-height:114px!important}.modal-wrap .modal-body .category-list .category-list-min-height .color-item .color-box{position:relative;border:1px solid #a2a2a2;padding:16px 4px 8px;width:100px;text-align:center;background-color:#fff;cursor:grab}.modal-wrap .modal-body .category-list .category-list-min-height .color-item .color-box .color{position:relative;margin:0 auto;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.modal-wrap .modal-body .category-list .category-list-min-height .color-item .color-box .color-name{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:11px;line-height:13px;min-height:26px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px}.modal-wrap .modal-body .category-list .category-list-min-height .color-item .color-box .color-code{font-size:10px;color:#666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal-wrap .modal-body .category-list+.category-list{margin-top:30px}.modal-wrap .modal-footer{padding:10px 0;display:flex;justify-content:flex-end}.modal-wrap .modal-footer .btn{width:100px}.modal-wrap .modal-footer .btn+.btn{margin-left:6px}.modal-wrap[data-type=alert] .modal,.modal-wrap[data-type=confirm] .modal{max-width:480px}.modal-wrap[data-type=alert] .modal-body,.modal-wrap[data-type=confirm] .modal-body{text-align:center;padding-top:40px;padding-bottom:20px}.modal-wrap[data-type=alert] .modal-body h2,.modal-wrap[data-type=confirm] .modal-body h2{font-size:24px}.modal-wrap[data-type=alert] .modal-body p,.modal-wrap[data-type=confirm] .modal-body p{margin-top:10px;font-size:14px}@media only screen and (min-width:768px){.modal-wrap .modal{min-width:360px}.modal-wrap .color-preset-modal{min-width:50vw!important}}@media only screen and (max-width:768px){.modal-wrap .modal-container{padding:15px}.modal-wrap .modal{width:100%}.modal-wrap .modal-header{padding-left:30px}.modal-wrap .modal-header h2{font-size:22px}.modal-wrap .modal-body{padding-left:30px;padding-right:30px;padding-bottom:30px}}@keyframes modalOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalContentShow{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.swal2-container{z-index:99999!important}.swal2-popup .swal2-styled:focus{box-shadow:none!important}.tabs{font-size:0;vertical-align:middle}.tabs .tab{display:inline-block;padding:5px 0;font-family:GenesisSans Head,맑은 고딕,Malgun Gothic,Apple SD Gothic Neo,돋움,Dotum,sans-serif;font-size:13px;color:#aaa8a6;line-height:1;border-bottom:2px solid transparent}.tabs .tab:hover{border-bottom-color:#aaa8a6}.tabs .tab+.tab{margin-left:16px}.tabs .tab.active{color:#000;border-bottom-color:#000}.tab-content{display:none}[data-theme=dark] .tabs .tab{color:#bbb}[data-theme=dark] .tabs .tab:hover{border-bottom-color:hsla(0,0%,100%,.5)}[data-theme=dark] .tabs .tab.active{color:#fff;border-bottom-color:#fff}.table{white-space:nowrap;border-top:1px solid #e1e2e8;border-collapse:separate;border-spacing:0;width:100%;margin:0 0 20px}.table[data-fixed=true]{width:100%;table-layout:fixed}.table[data-border=true]{border:1px solid #a2a2a2}.table col.col-date-yymm{width:8rem}.table col.col-date-yymmdd{width:9rem}.table col.col-value-digit-8,.table col.col-value-price-9{width:10rem}.table col.col-value-percent{width:6rem}.table col.col-label{width:16rem}.table col.col-letter-3{width:3rem}.table col.col-letter-4{width:4rem}.table col.col-letter-5{width:5rem}.table col.col-letter-6{width:6rem}.table col.col-letter-7{width:7rem}.table col.col-letter-8{width:8rem}.table col.col-letter-9{width:9rem}.table col.col-letter-10{width:10rem}.table th{background-color:#e1e2e8}.table td{background-color:#fff}.table td,.table th{border-right:1px solid #d7d7df;border-bottom:1px solid #d7d7df;padding:12px;text-align:center}.table td#actionTd,.table th#actionTd{padding:0;vertical-align:middle}.table thead th{position:sticky;top:0;z-index:30}.table thead th[rowspan]{z-index:30;border-bottom-color:#a2a2a2}.table thead tr:first-child th:first-child{left:0;z-index:2}.table thead tr:last-child th{border-bottom-color:#e1e2e8}.table tbody tr td:last-child{border-right:none}.table tbody tr[onclick]{cursor:pointer}.table tbody tr[onclick]:hover td,.table tbody tr[onclick]:hover th{background-color:rgba(0,0,0,.05)}.table tbody th{position:relative;position:sticky;left:0;z-index:1}.table tbody th:first-child{border-left:none}.table tbody th:last-of-type{border-right-color:#a2a2a2}.table tbody td.blank{background-size:10px 10px;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1.1px,#fff 0,#fff 50%)}.table thead tr:first-of-type td:last-child,.table thead tr:first-of-type th:last-child{border-right:none}button.expand{width:100%;height:100%;background:transparent;border:none;cursor:pointer;position:relative;padding:0;min-height:45px}button.expand:after{content:"";display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s ease}button.expand.expanded:after{transform:translate(-50%,-50%) rotate(180deg)}button.expand:hover:after{border-top-color:#333}button.expand-disabled{width:100%;height:100%;background:transparent;border:none;cursor:not-allowed;position:relative;padding:0;min-height:45px;opacity:.5}button.expand-disabled:after{content:"";display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-function{position:relative;min-height:30px}.table-function .pagination{position:absolute;bottom:0;left:0;right:0}.table-function .btn-group{display:flex;justify-content:space-between;align-items:center}.table-function .btn-group .btn{min-width:80px;text-align:center}.expand-tr{display:none}.expand-tr.expanded{display:table-row}.expand-tr .expand-content{padding:20px;background-color:#f8f8f8}.expand-tr .expand-content select[data-box]{margin-bottom:16px;padding:6px 12px;border:1px solid #ddd;min-width:120px;background-color:#fff;display:block;width:auto}.expand-tr .expand-content .table{background-color:#fff;margin-top:10px}.expand-tr .expand-content .table th{background-color:transparent;font-weight:400}.expand-tr .expand-content .table td{text-align:left;padding-left:12px}.expand-tr .expand-content .table td:first-child{text-align:center;padding:0;width:40px}.expand-tr .expand-content .table .checkbox{display:flex;align-items:center;justify-content:center}.expand-tr .expand-content .table .checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1px solid #c8cacd;cursor:pointer;position:relative;margin:0}.expand-tr .expand-content .table .checkbox input[type=checkbox]:checked{background-color:#fff;border:1px solid #000}.expand-tr .expand-content .table .checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#000;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.expand-tr .expand-content>div:last-child{display:flex;justify-content:flex-end;margin-top:16px;gap:8px}.text[data-intent=normal]{color:#30a878}.text[data-intent=safety]{color:#1d8abc}.text[data-intent=warning]{color:#db9200}.text[data-intent=danger]{color:#ce2d2d}.template-edit{display:flex;flex-wrap:wrap;margin:-10px}.template-edit .box{position:relative;width:calc(50% - 20px);margin:10px}.template-edit .btn-group{margin-top:20px;display:flex;justify-content:flex-end;width:100%;align-items:center}.template-edit .btn-group .btn{margin-left:10px;min-width:100px;text-align:center}.qrcode{border:1px solid #e5e5e5;padding:30px;background-color:#fff}.color{position:relative;margin:0 auto;width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.validation{margin-top:16px;font-size:12px;color:#ce2d2d}.login-section{width:100%;height:calc(100% - var(--footer-height));background:#000 url(/_next/static/media/login_background.2a2ddefb.png) no-repeat 50%/cover;position:relative}.login-section:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(270deg,transparent,rgba(0,0,0,.7))}.login-section .login-container{position:absolute;left:10%;top:50%;transform:translateY(-50%)}.login-section .login-container .logo{width:100px;height:auto;margin-bottom:40px}.login-section .login-container h1{color:#fff;font-size:38px;font-weight:300;line-height:1.2;letter-spacing:-1.5px;margin-bottom:25px}.login-section .login-container .login-box{width:420px;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);padding:40px;border-radius:12px;border:1px solid hsla(0,0%,100%,.2)}.login-section .login-container .login-box h2{font-size:20px;color:#fff;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.2)}.login-section .login-container .login-form .form-container{flex:1 1}.login-section .login-container .login-form .form-container .form-group{width:100%}.login-section .login-container .login-form .form-container .form-group+.form-group{margin-top:20px}.login-section .login-container .login-form .form-container .form-group>label{width:80px;color:#fff;opacity:.8}.login-section .login-container .login-form .form-container .form-group .form input{width:100%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:12px 15px;border-radius:6px;transition:all .3s ease}.login-section .login-container .login-form .form-container .form-group .form input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.login-section .login-container .login-form .form-container .form-group .form input:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.login-section .login-container .login-form .form-container .form-group .form input::placeholder{color:hsla(0,0%,100%,.5)}.login-section .login-container .login-form .form-container .form-group .form input:focus{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4);outline:none}.login-section .login-container .login-form .login-btn{width:100%;margin-top:30px;background:hsla(0,0%,100%,.2);color:#fff;border:none;padding:12px;border-radius:6px;transition:all .3s ease;position:relative;cursor:pointer}.login-section .login-container .login-form .login-btn span{position:relative;z-index:2;color:#fff}.login-section .login-container .login-form .login-btn:hover{background:#79748d}.login-section .login-container .login-form .login-btn:hover span{color:#fff}.login-section .login-container .login-form .validation{color:#ff6b6b;font-size:14px;margin-top:15px;text-align:center;transition:opacity .3s ease}main .contents{position:relative}main .contents .add-btn{position:absolute;right:0;bottom:0}.admin-detail{max-width:800px;overflow-x:hidden}.admin-detail .form-container{margin-right:-20px}.admin-detail .form-container .form-group{width:50%;margin:10px 0;padding-right:20px}.admin-detail .form-container .form-group.form-group-full{width:100%}.admin-detail .view_permission{margin-top:20px;background-color:#fff;border:1px solid #e5e5e5}.admin-detail .view_permission li{position:relative;padding:15px 100px 15px 20px}.admin-detail .view_permission li+li{border-top:1px solid #e5e5e5}.admin-detail .view_permission li span{word-break:break-all}.admin-detail .view_permission li button{position:absolute;top:10px;right:10px;margin-left:20px;width:70px}.admin-detail .color{margin:0}.expand-toggle{display:block;width:20px;height:20px;margin-right:4px;background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='1.2' d='m5.4 7.6 4.6 4.7 4.6-4.7'/%3E%3C/svg%3E") no-repeat 50%/20px}.expand-toggle:hover{background-color:rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.step-mng{position:relative;min-height:500px;display:flex;flex-wrap:nowrap;padding-left:0!important}.un-selected-model{width:11.5%;margin-top:20px}.un-selected-model .select-product>select{border:1px solid #3a2d54;border-radius:4px}.model-and-step-wrapper{display:flex;flex-direction:column}.model-and-step-wrapper .model-wrapper{width:85%;min-width:200px;max-width:250px;margin-bottom:30px}.model-and-step-wrapper .model-wrapper .select-product>select{border:1px solid #3a2d54;border-radius:4px}.model-and-step-wrapper .step-wrapper{display:flex}.step-tree{position:relative!important;left:0;top:0;z-index:1;width:200px;min-width:200px}.tree-nav{padding:14px 0;border-top:2px solid #000}.tree-nav:last-of-type{border-bottom:2px solid #000}.tree-nav .nav-name{display:flex;align-items:center;padding-bottom:8px;border-bottom:1px solid #a2a2a2}.tree-nav .nav-name span{font-family:GenesisSans Head,맑은 고딕,Malgun Gothic,Apple SD Gothic Neo,돋움,Dotum,sans-serif;font-size:18px}.tree-nav .nav-name .dropdown{margin-left:10px}.tree-nav .add-nav{width:100%}.tree-step{border-bottom:1px solid #a2a2a2}.tree-step .step-name{position:relative;display:flex;align-items:center;padding:8px 0 5px 16px}.tree-step .step-name:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background-color:#000;position:absolute;left:6px;top:15px}.tree-step .step-name span{flex:1 1;font-size:16px;cursor:pointer}.tree-step.current .step-name{background-color:#000}.tree-step.current .step-name:before{background-color:#fff}.tree-step.current .step-name .expand-toggle{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath fill='none' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.2' d='m5.4 7.6 4.6 4.7 4.6-4.7'/%3E%3C/svg%3E")}.tree-step.current .step-name span{color:#fff}.tree-step .item-list{display:none;padding:4px 0}.tree-step .item-list>li{position:relative;padding:4px 0 4px 16px;font-size:14px;color:#666}.tree-step .item-list>li:before{content:"-";font-size:inherit;color:inherit;display:block;position:absolute;left:6px;top:4px}.tree-step[data-expand=true] .step-name{border-bottom:1px solid #e5e5e5}.tree-step[data-expand=true] .step-name .expand-toggle{transform:rotate(180deg)}.tree-step[data-expand=true] .item-list{display:block}.tree-step .add-step{width:100%}.dropdown{position:relative}.dropdown .dropdown-toggle{width:20px;height:20px;background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%28102%2C102%2C102%29'%3E%3Cpath fill='none' stroke='rgb%28102%2C102%2C102%29' stroke-miterlimit='10' d='m16.8 8.6-1.5-.2c-.1-.2-.1-.3-.2-.5s-.1-.3-.2-.5l.9-1.2c.1-.1.1-.2 0-.3l-1.6-1.6c-.1-.1-.2-.1-.4 0l-1.2.9c-.2-.2-.3-.2-.5-.3-.2-.1-.3-.1-.5-.2l-.2-1.5c0-.1-.1-.2-.3-.2H8.9c-.2 0-.3.1-.3.2l-.2 1.5c-.2.1-.4.1-.5.2-.2.1-.3.1-.5.2l-1.2-.9c-.1-.1-.2-.1-.3 0L4.3 5.8c-.1.1-.1.2 0 .4l.9 1.2c-.2.2-.2.3-.3.5-.1.2-.1.3-.2.5l-1.5.2c-.1 0-.2.2-.2.3v2.2c0 .1.1.3.2.3l1.5.2c.1.2.1.3.2.5s.1.3.2.5l-.9 1.2c-.1.1-.1.2 0 .3l1.6 1.6c.1.1.2.1.4 0l1.2-.9c.2.2.3.2.5.3.2.1.3.1.5.2l.2 1.5c0 .1.1.2.3.2h2.2c.1 0 .3-.1.3-.2l.2-1.5c.2-.1.3-.1.5-.2s.3-.1.5-.2l1.2.9c.1.1.2.1.3 0l1.6-1.6c.1-.1.1-.2 0-.4l-.9-1.2c.1-.2.2-.3.2-.5s.1-.3.2-.5l1.5-.2c.1 0 .2-.1.2-.3V8.9c.1-.2 0-.3-.1-.3z'/%3E%3Cpath fill='none' stroke='rgb%28102%2C102%2C102%29' stroke-miterlimit='10' d='M12.1 12.1c-1.2 1.2-3 1.2-4.2 0-1.2-1.2-1.2-3 0-4.2 1.2-1.2 3-1.2 4.2 0 .5.6.9 1.3.9 2.1s-.4 1.5-.9 2.1z'/%3E%3C/svg%3E") no-repeat 50%/100%;font-size:0;text-indent:-9999px}.dropdown .dropdown-menu{display:none;position:absolute;left:10px;top:10px;z-index:8000;border:1px solid #a2a2a2;min-width:120px}.dropdown .dropdown-menu button{width:100%;padding:10px;font-size:14px;text-align:left;background-color:#fff}.dropdown .dropdown-menu button+button{border-top:1px solid #a2a2a2;margin-left:0}.dropdown .dropdown-menu button:hover{background-color:#79748d;color:#fff}.dropdown .dropdown-menu.active{display:block}.add-button,.add-nav,.add-step{padding:10px 0;font-size:16px;text-align:left}.add-button:before,.add-nav:before,.add-step:before{content:"";display:inline-block;vertical-align:middle;width:21px;height:21px;margin-right:10px;background:#999 url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21' xml:space='preserve' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath d='M10 5h1v11h-1z'/%3E%3Cpath d='M5 10h11v1H5z'/%3E%3C/svg%3E") no-repeat 50%/100%}.delete-button{padding:10px 0;font-size:16px;text-align:left}.delete-button:before{content:"";display:inline-block;vertical-align:middle;width:21px;height:21px;margin-right:10px;background:#999 url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21' xml:space='preserve' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath d='M5 10h11v1H5z'/%3E%3C/svg%3E") no-repeat 50%/100%}.add-step{padding-left:10px}.step-detail h3{font-size:16px;margin-bottom:12px}.step-detail .box{padding-top:20px;padding-bottom:20px}.step-detail .form-container{margin-right:-20px}.step-detail .form-container .form-group{width:50%;margin:5px 0;padding-right:20px}.step-detail .btn-group{margin-left:auto;padding-right:20px;margin-top:10px}.step-detail .btn-group .btn{width:100px}.item-detail{position:relative;margin-top:30px}.item-detail h3{margin-bottom:20px}.item-detail>.add-button{position:absolute;right:0;top:-10px}.item-detail .form-container{margin-right:-20px}.item-detail .form-container .form-group{width:50%;margin:5px 0;padding-right:20px}.item-detail .form-container .form-group.form-group-full{width:100%}.item-detail .btn-group{display:flex;justify-content:flex-end;margin-top:10px}.item-detail .btn-group .btn{width:100px}.item-detail .btn-group .btn+.btn{margin-left:6px}.item-detail .thumb-tab{width:100%;margin-top:20px;margin-bottom:10px}.item-list .item .box{position:relative}.item-list .item .expand-toggle{position:absolute;top:5px;right:0;width:30px;height:30px;transition:transform .3s ease-out;transform:rotate(0deg)}.item-list .item .expand-area{display:none;margin-top:20px}.item-list .item[data-expand=true] .expand-toggle{transform:rotate(180deg)}.item-list .item[data-expand=true] .expand-area{display:block}.item-list .item:hover .box{border-color:#a2a2a2}.item-list .item+.item{margin-top:10px}.option-group{width:100%;border:1px solid #a2a2a2}.option-group .option-name{display:flex;align-items:center;position:relative;padding:0 30px 0 16px;height:50px;font-size:16px;font-weight:500;cursor:pointer}.option-group .option-name:hover{background-color:#f8f8f8}.option-group .option-name:after{content:"";display:block;width:20px;height:20px;position:absolute;right:8px;top:50%;margin-top:-10px;background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='1.2' d='m5.4 7.6 4.6 4.7 4.6-4.7'/%3E%3C/svg%3E") no-repeat 50%/20px}.option-group .is-modify{border-bottom:none!important}.option-group .is-modify button{width:24px;height:24px;margin-left:8px;text-indent:-9999px;font-size:0;border:1px solid transparent;background-size:24px;background-repeat:no-repeat;background-position:50%}.option-group .is-modify .modify-cancel{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='2' stroke-miterlimit='10' d='m16.4 7.6-8.8 8.8M7.6 7.6l8.8 8.8'/%3E%3C/svg%3E")}.option-group .is-modify .modify-confirm{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='2' stroke-miterlimit='10' d='m17.8 8.4-7.2 7.2-4.4-4.5'/%3E%3C/svg%3E")}.option-group .btn-group{display:none;padding:0 20px;text-align:right}.option-group .btn-group .add-button,.option-group .btn-group .delete-button{font-size:14px}.option-group .btn-group .add-button{margin-right:10px}.option-group .option-list{padding:0 20px;display:none}.option-group .option-list .option{padding-left:30px;border-bottom:1px solid #e5e5e5}.option-group[data-expand=true] .option-name{border-bottom:1px solid #a2a2a2}.option-group[data-expand=true] .option-name button{width:24px;height:24px;margin-left:8px;text-indent:-9999px;font-size:0;border:1px solid transparent;background-size:24px;background-repeat:no-repeat;background-position:50%}.option-group[data-expand=true] .option-name .modify-name{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath d='m15.6 5.2-1.5 1.5H6.8v10.5h10.5V9.9l1.5-1.5V18c0 .2-.1.4-.2.5-.1.1-.3.2-.5.2H6c-.2 0-.4-.1-.5-.2-.1-.1-.2-.3-.2-.5V6c0-.2.1-.4.2-.5.1-.2.3-.3.5-.3h9.6zm2.8-.6 1.1 1.1-6.9 6.9h-1v-1.1l6.8-6.9z'/%3E%3C/svg%3E")}.option-group[data-expand=true] .option-name .modify-cancel{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='2' stroke-miterlimit='10' d='m16.4 7.6-8.8 8.8M7.6 7.6l8.8 8.8'/%3E%3C/svg%3E")}.option-group[data-expand=true] .option-name .modify-confirm{background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath fill='none' stroke='rgb%280%2C0%2C0%29' stroke-width='2' stroke-miterlimit='10' d='m17.8 8.4-7.2 7.2-4.4-4.5'/%3E%3C/svg%3E")}.option-group[data-expand=true] .option-name:after{transform:rotate(180deg)}.option-group[data-expand=true] .btn-group,.option-group[data-expand=true] .option-list{display:block}.option-group+.option-group{margin-top:20px}.option{position:relative;padding:10px 0}.option>.checkbox{position:absolute;left:0;top:20px}.option .form-container{display:flex}.option .form-container .form-group{margin:5px 0;padding-right:20px}.option .form-container .form-group:last-of-type{flex:1 1}.head-wrapper{display:flex;align-items:center;margin-bottom:30px}.head-wrapper .model-wrapper{width:10%;margin-left:20px}.head-wrapper .model-wrapper .select-product>select{border:1px solid #3a2d54;border-radius:4px}.ps-mng{position:relative}.ps-mng .add-button{position:absolute;top:-66px;right:0;background:transparent}.ps-mng .add-button.cancel-mode:before{content:"";display:inline-block;width:21px;height:21px;background:#999 url(/_next/static/media/icon_cancel.c234f62a.svg) no-repeat 50%/contain;vertical-align:middle;margin-right:5px}.ps-item{position:relative;border-top:1px solid #000}.ps-item:last-of-type{border-bottom:1px solid #000}.ps-item .ps-basic,.ps-item .ps-detail{padding:20px 60px 20px 0;display:flex}.ps-item .ps-detail{padding:20px 0;border-top:1px dashed #a2a2a2}.ps-item .ps-side{width:300px;margin-right:40px}.ps-item .ps-side .ps-image .form-group{margin-bottom:50px}.ps-item .ps-side .ps-image .form-group label{font-size:16px;font-weight:500;margin-bottom:6px}.ps-item .ps-side .ps-image .form-group .form-upload-text{flex-direction:column}.ps-item .ps-side .ps-image .form-group .form-upload-text label{width:100%;margin-top:20px;margin-bottom:0;margin-right:10px;padding-bottom:40px}.ps-item .ps-side .toggle-option{display:flex;flex-direction:column;margin-top:10px}.ps-item .ps-side .toggle-option label{margin-right:10px;font-size:16px;font-weight:500;margin-bottom:20px}.ps-item .ps-content{flex:1 1}.ps-item .ps-content .form-group:last-child{padding-top:20px!important}.ps-item .ps-content .form-group:last-child>label{margin-bottom:6px}.ps-item .ps-content .form-group:last-child>h2{margin-top:16px}.ps-item .ps-content .form-group:last-child .form-upload-text{flex-direction:column}.ps-item .ps-content .option-h1{margin-bottom:15px;border:1px solid #a2a2a2;padding:30px}.ps-item .ps-content .option-h1>.title{display:flex;justify-content:space-between;font-size:16px;font-weight:500}.ps-item .ps-content .option-h1>.title .expand-toggle{transition:transform .3s ease-out;transform:rotate(180deg)}.ps-item .ps-content .option-h1[data-expand=false]>.title .expand-toggle{transform:rotate(0deg)}.ps-item .ps-content .option-h1 .option-h2{margin-top:20px;position:relative}.ps-item .ps-content .option-h1 .option-h2>.title{position:absolute;padding-left:10px}.ps-item .ps-content .option-h1 .option-h2>.title:before{content:"";width:3px;height:3px;background:#000;border-radius:50%;position:absolute;left:0;top:8px}.ps-item .ps-content .option-h1 .option-h2 .option-h3{padding-left:140px}.ps-item .ps-content .option-h1 .option-h2 .option-h3 .form,.ps-item .ps-content .option-h1 .option-h2 .option-h3>.title{margin-bottom:10px}.ps-item .ps-content p{margin-top:16px;color:#666}.ps-item .ps-content .btn-group{display:flex;flex-direction:row-reverse;gap:5px}.ps-item .ps-toggle{position:absolute;top:5px;right:0;width:40px;height:40px;background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20' xml:space='preserve' fill='rgb%280%2C0%2C0%29'%3E%3Cpath d='m5.4 7.6 4.6 4.7 4.6-4.7' style='fill:none%3Bstroke:%23000%3Bstroke-width:.5'/%3E%3C/svg%3E") no-repeat 50%/100%;transition:transform .3s ease-out;transform:rotate(180deg)}.ps-item[data-expand=false] .ps-toggle{transition:transform .3s ease-out;transform:rotate(0deg)}.drag-ui-wrap{display:flex;flex-direction:row;gap:60px!important;height:100%}.drag-ui-wrap .drag-ui-container{position:relative;height:100%;flex:1 0}.drag-ui-wrap .drag-ui-container .drag-ui-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drag-ui-wrap .drag-ui-container .drag-ui-header .header-left h2{font-size:16px;margin-bottom:0}.drag-ui-wrap .drag-ui-container .drag-ui-header .header-right{display:flex;align-items:center;gap:12px}.drag-ui-wrap .drag-ui-container .drag-ui-header .header-right .select-all-checkbox{display:flex;align-items:center;gap:4px;cursor:pointer}.drag-ui-wrap .drag-ui-container .drag-ui-header .header-right .select-all-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.drag-ui-wrap .drag-ui-container .drag-ui-header .header-right .select-all-checkbox span{font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drag-ui-wrap .drag-ui-container .drag-ui-header .header-right .material-type-filter{position:relative}.drag-ui-wrap .drag-ui-container .drag-ui-header .header-right .material-type-filter .material-type-select{padding:6px 12px;border-radius:4px;border:1px solid #a2a2a2;background-color:#fff;font-size:14px;min-width:180px}.drag-ui-wrap .drag-ui-container .drag-ui-header .header-right .material-type-filter .material-type-select:focus{outline:none;border-color:#111}.drag-ui-wrap .drag-ui-container>h2{font-size:16px;margin-bottom:10px}.drag-ui-wrap .drag-ui-container .drag-ui-box{padding:20px;border:1px solid #111;background-color:#f3f3f3;border-radius:4px}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content{padding:10px;background-color:#fff;border:1px solid #a2a2a2;margin-bottom:24px;box-shadow:6px 6px 0 0 rgba(0,0,0,.1);border-radius:4px}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .content-move-button-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:-55px;cursor:pointer}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .content-move-button-wrapper .content-move-button{display:block;width:40px;height:40px}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area{justify-content:center;align-items:center;min-height:100px;background-color:#f3f3f3;border:1px dashed #a2a2a2;padding:10px;display:flex;flex-wrap:wrap;gap:6px;position:relative}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area:not(.has-item):before{content:"Please add color items"!important;display:inline;font-size:14px;color:#aaa8a6}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area:not(.has-item):after{display:inline;font-size:14px;color:#aaa8a6}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .color-box{position:relative;border:1px solid #a2a2a2;padding:16px 4px 8px;width:100px;text-align:center;background-color:#fff;cursor:grab;min-width:134px;min-height:150px}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .color-box-margin{margin-left:6px}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .color-box-with-checkbox{padding-top:4px!important;border-radius:4px}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .delete-color{position:absolute;top:5px;right:5px;display:none;width:20px;height:20px;border-radius:50%;text-indent:-9999px;font-size:0;background:#ce2d2d url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath fill='none' stroke='rgb%28255%2C255%2C255%29' stroke-width='2' d='m14.1 5.9-8.2 8.2M5.9 5.9l8.2 8.2'/%3E%3C/svg%3E") no-repeat 50%/100%}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .delete-color:hover{background-color:#111}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item:hover .delete-color{display:block}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .color{width:36px;height:36px;position:relative;margin:0 auto;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .color .material-glossy{position:absolute;left:0;top:0;z-index:2;display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,.2) 51%,hsla(0,0%,100%,0))}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .color-name{font-size:11px;line-height:13px;min-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area .color-item .color-code{font-size:10px;color:#666}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .drop-area.has-item{justify-content:flex-start!important;border-style:solid;background-color:#f3f3f3;padding:10px;display:flex;flex-wrap:wrap;gap:6px;border-radius:4px}.drag-ui-wrap .drag-ui-container .drag-ui-box .category-content .category-form-input-wrapper{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 5px}.drag-ui-wrap .drag-ui-container .drag-ui-box .drag-area{display:flex;flex-wrap:wrap;gap:6px}.drag-ui-wrap .drag-ui-container .drag-ui-box .drag-area .color-item .color-box,.drag-ui-wrap .drag-ui-container .drag-ui-box .drag-area .color-item .color-box-margin,.drag-ui-wrap .drag-ui-container .drag-ui-box .drag-area .color-item .color-box-with-checkbox{position:relative;border:1px solid #a2a2a2;padding:16px 4px 8px;width:100px;text-align:center;background-color:#fff;cursor:grab;padding-top:4px!important;margin-left:6px;border-radius:4px;min-width:134px;min-height:150px}.drag-ui-wrap .drag-ui-container .drag-ui-box .drag-area .color-item .color{width:36px;height:36px}.drag-ui-wrap .drag-ui-container .drag-ui-box .drag-area .color-item .color .material-glossy{position:absolute;left:0;top:0;z-index:2;display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,.2) 51%,hsla(0,0%,100%,0))}.drag-ui-wrap .drag-ui-container .drag-ui-box .drag-area .color-item .color-name{font-size:11px;line-height:13px;min-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drag-ui-wrap .drag-ui-container .drag-ui-box .drag-area .color-item .color-code{font-size:10px;color:#666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drag-ui-wrap .drag-ui-container+.drag-ui-container:before{display:block;width:40px;height:40px;position:absolute;left:-40px;top:50%;margin-top:-20px;content:""!important;background:none!important}