@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;font-display:block;src:url(/js/react/0c35d18bf06992036b69-53436aca8627a49f4deaaa44dc9e3c05.woff2) format("woff2")}@font-face{font-family:"Pretendard";font-weight:45 920;font-style:normal;font-display:swap;src:local("Pretendard"),url(/js/react/2bc582461caf4e05b51d-302ec55f5b4320354ec6b35a53dead87.woff2) format("woff2-variations")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:"Material Icons Outlined";font-style:normal;font-weight:400;font-display:block;src:url(/js/react/6f420cf17cc0d7676fad-0ba49c096a77b67734434cebcaf2e14d.woff2) format("woff2")}.material-icons-outlined{font-family:"Material Icons Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:"Material Icons Round";font-style:normal;font-weight:400;font-display:block;src:url(/js/react/c380809fd3677d7d6903-121a59d703f74d7fc4a1bf64580966ed.woff2) format("woff2")}.material-icons-round{font-family:"Material Icons Round";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:"Material Icons Sharp";font-style:normal;font-weight:400;font-display:block;src:url(/js/react/219aa9140e099e6c72ed-4f203ef2d5bc0198ed17648f0642ff96.woff2) format("woff2")}.material-icons-sharp{font-family:"Material Icons Sharp";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:"Material Icons Two Tone";font-style:normal;font-weight:400;font-display:block;src:url(/js/react/4ef4218c522f1eb6b5b1-e2c22f8cedcd54788de212b3bbea8e55.woff2) format("woff2")}.material-icons-two-tone{font-family:"Material Icons Two Tone";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}*{box-sizing:border-box;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-style:normal;font-size:14px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:1rem;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.4;font-size:14px}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
:root{--color-primary: rgb(0 104 120);--color-surface-tint: rgb(0 104 120);--color-on-primary: rgb(255 255 255);--color-primary-container: rgb(39 204 233);--color-on-primary-container: rgb(0 51 60);--color-secondary: rgb(110 94 0);--color-on-secondary: rgb(255 255 255);--color-secondary-container: rgb(255 228 100);--color-on-secondary-container: rgb(85 72 0);--color-tertiary: rgb(79 99 85);--color-on-tertiary: rgb(255 255 255);--color-tertiary-container: rgb(201 224 206);--color-on-tertiary-container: rgb(52 71 58);--color-error: rgb(186 26 26);--color-on-error: rgb(255 255 255);--color-error-container: rgb(255 218 214);--color-on-error-container: rgb(65 0 2);--color-background: rgb(244 250 252);--color-on-background: rgb(22 29 30);--color-surface: rgb(244 250 252);--color-on-surface: rgb(22 29 30);--color-surface-variant: rgb(215 229 233);--color-on-surface-variant: rgb(60 73 76);--color-outline: rgb(108 121 125);--color-outline-variant: rgb(187 201 205);--color-shadow: rgb(0 0 0);--color-scrim: rgb(0 0 0);--color-inverse-surface: rgb(43 49 51);--color-inverse-on-surface: rgb(236 242 244);--color-inverse-primary: rgb(62 216 245);--color-primary-fixed: rgb(168 237 255);--color-on-primary-fixed: rgb(0 31 37);--color-primary-fixed-dim: rgb(62 216 245);--color-on-primary-fixed-variant: rgb(0 78 91);--color-secondary-fixed: rgb(255 226 85);--color-on-secondary-fixed: rgb(33 27 0);--color-secondary-fixed-dim: rgb(225 198 57);--color-on-secondary-fixed-variant: rgb(83 70 0);--color-tertiary-fixed: rgb(209 232 214);--color-on-tertiary-fixed: rgb(12 31 20);--color-tertiary-fixed-dim: rgb(181 204 186);--color-on-tertiary-fixed-variant: rgb(55 75 62);--color-surface-dim: rgb(213 219 221);--color-surface-bright: rgb(244 250 252);--color-surface-container-lowest: rgb(255 255 255);--color-surface-container-low: rgb(238 245 247);--color-surface-container: rgb(233 239 241);--color-surface-container-high: rgb(227 233 235);--color-surface-container-highest: rgb(221 227 230)}:root{--color-primary-opa: rgba(0, 104, 120, 0.2);--color-primary-hover: rgba(0, 104, 120, 0.2);--color-secondary-hover: rgba(255, 228, 100, 0.2);--color-secondary-opa: rgba(255, 228, 100, 0.2);--color-tertiary-hover: rgba(201, 224, 206, 0.2);--color-tertiary-opa: rgba(201, 224, 206, 0.2);--color-gray-100: #e9edf3;--color-gray-200: #acacac;--color-gray-700: #696984;--color-gray-800: #343743;--color-gray: #d6dae7;--color-text-default: #252641;--color-text-default-opa: rgba(37, 38, 65, 0.05);--color-red: #961010}.push-right{margin-right:auto !important}.push-left{margin-left:auto !important}.push-bottom{margin-bottom:auto !important}.push-top{margin-top:auto !important}.w-full{width:100%}.disabled{opacity:.7}:root{--padding-s: 4px 8px;--padding-m: 8px 16px;--padding-l: 20px;--color-on-surface: #1e1a1d;--color-surface: #fbffff;--color-error: #b3261e;--color-error-container: #f9dedc;--color-hover: rgb(34 51 84 / 5%);--color-darkgrey: rgb(75, 70, 74);--color-white: rgb(255, 255, 255);--content-width: 100%;--header-height: 40px;--color-black: #223354;--color-red: #f10f01;--color-red10: rgba(241, 15, 1, 0.1);--color-green: #13d148;--color-green10: rgba(19, 209, 72, 0.1);--color-hover: rgba(34, 51, 84, 0.1);--padding-sub-header: 5px 10px}button,input[type=submit],.button,.btn{appearance:none;background:none;border:none;border-radius:0;cursor:pointer;padding:0;margin:0}button.primary,input[type=submit].primary,.button.primary,.btn.primary{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:0;margin:0;width:100px;height:26px;border-radius:8px;font-size:14px;white-space:nowrap;transition:box-shadow .2s ease-in-out,color .3s ease-in-out,background-color .25s ease-in-out;color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff;clear:both;box-shadow:0 0 0 0 var(--color-primary-opa),inset -2px -2px 4px 1px rgba(0,0,0,.2)}button.primary.lg,input[type=submit].primary.lg,.button.primary.lg,.btn.primary.lg{height:100%;display:inline-flex;font-size:24px;font-size:1.5rem;width:120px;letter-spacing:-1px}@media only screen and (min-width: 768px){button.primary,input[type=submit].primary,.button.primary,.btn.primary{font-size:16px}}button.primary.w-full,input[type=submit].primary.w-full,.button.primary.w-full,.btn.primary.w-full{width:100%}@media(hover: hover){button.primary:hover:not([disabled]),input[type=submit].primary:hover:not([disabled]),.button.primary:hover:not([disabled]),.btn.primary:hover:not([disabled]){color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 0 var(--color-primary-opa),0 150px 0px var(--color-text-default-opa) inset}}button.primary:focus:not([disabled]),input[type=submit].primary:focus:not([disabled]),.button.primary:focus:not([disabled]),.btn.primary:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-primary-opa);transition:background-color .23s ease-in-out}button.primary:active:not([disabled]),input[type=submit].primary:active:not([disabled]),.button.primary:active:not([disabled]),.btn.primary:active:not([disabled]){box-shadow:0 0 0 2px var(--color-primary-opa);transition:background-color .23s ease-in-out}button.primary.frame,input[type=submit].primary.frame,.button.primary.frame,.btn.primary.frame{background:#fff;border:solid 1px var(--color-primary);color:var(--color-text-default);box-shadow:0 0 0 0 var(--color-primary-opa),inset -2px -2px 4px 1px rgba(0,0,0,.17)}@media(hover: hover){button.primary.frame:hover:not([disabled]),input[type=submit].primary.frame:hover:not([disabled]),.button.primary.frame:hover:not([disabled]),.btn.primary.frame:hover:not([disabled]){color:var(--color-text-default);background:#fff;box-shadow:0 0 0 0 var(--color-primary-opa),0 150px 0px var(--color-text-default-opa) inset}}button.primary.frame:focus:not([disabled]),input[type=submit].primary.frame:focus:not([disabled]),.button.primary.frame:focus:not([disabled]),.btn.primary.frame:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-primary-opa)}button.primary.frame:active:not([disabled]),input[type=submit].primary.frame:active:not([disabled]),.button.primary.frame:active:not([disabled]),.btn.primary.frame:active:not([disabled]){box-shadow:0 0 0 2px var(--color-primary-opa)}button.primary.rounded,input[type=submit].primary.rounded,.button.primary.rounded,.btn.primary.rounded{border-radius:100px}button.primary:disabled,input[type=submit].primary:disabled,.button.primary:disabled,.btn.primary:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);opacity:.8}button.big,input[type=submit].big,.button.big,.btn.big{font-size:16px;font-size:1rem}button.sm,input[type=submit].sm,.button.sm,.btn.sm{font-size:14px;font-size:.875rem}button.w-full,input[type=submit].w-full,.button.w-full,.btn.w-full{width:100%}button.w-unset,input[type=submit].w-unset,.button.w-unset,.btn.w-unset{width:unset}button.secondary,input[type=submit].secondary,.button.secondary,.btn.secondary{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:0;margin:0;width:100px;height:26px;border-radius:8px;font-size:14px;white-space:nowrap;transition:box-shadow .2s ease-in-out,color .3s ease-in-out,background-color .25s ease-in-out;color:#fff;background-color:var(--color-secondary-fixed);border:1px solid var(--color-secondary-container);color:var(--color-on-surface);box-shadow:0 0 0 0 var(--color-secondary-container),inset -2px -2px 4px 1px rgba(0,0,0,.2)}button.secondary.lg,input[type=submit].secondary.lg,.button.secondary.lg,.btn.secondary.lg{height:100%;display:inline-flex;font-size:24px;font-size:1.5rem;width:120px;letter-spacing:-1px}@media only screen and (min-width: 768px){button.secondary,input[type=submit].secondary,.button.secondary,.btn.secondary{font-size:16px}}button.secondary.w-full,input[type=submit].secondary.w-full,.button.secondary.w-full,.btn.secondary.w-full{width:100%}@media(hover: hover){button.secondary:hover:not([disabled]),input[type=submit].secondary:hover:not([disabled]),.button.secondary:hover:not([disabled]),.btn.secondary:hover:not([disabled]){color:var(--color-on-surface);background:var(--color-secondary-fixed);border-color:var(--color-secondary-fixed);box-shadow:0 0 0 0 var(--color-secondary-container),0 150px 0 0 var(--color-text-default-opa) inset}}button.secondary:focus:not([disabled]),input[type=submit].secondary:focus:not([disabled]),.button.secondary:focus:not([disabled]),.btn.secondary:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-secondary-container);transition:background-color .23s ease-in-out}button.secondary:active:not([disabled]),input[type=submit].secondary:active:not([disabled]),.button.secondary:active:not([disabled]),.btn.secondary:active:not([disabled]){box-shadow:0 0 0 2px var(--color-secondary-container);transition:background-color .23s ease-in-out}button.secondary.frame,input[type=submit].secondary.frame,.button.secondary.frame,.btn.secondary.frame{background:#fff;border:solid 1px var(--color-secondary-fixed);color:var(--color-text-default);box-shadow:0 0 0 0 var(--color-secondary-container),inset -2px -2px 4px 1px rgba(0,0,0,.17)}@media(hover: hover){button.secondary.frame:hover:not([disabled]),input[type=submit].secondary.frame:hover:not([disabled]),.button.secondary.frame:hover:not([disabled]),.btn.secondary.frame:hover:not([disabled]){color:var(--color-text-default);background:#fff;box-shadow:0 0 0 0 var(--color-secondary-container),0 150px 0px var(--color-text-default-opa) inset}}button.secondary.frame:focus:not([disabled]),input[type=submit].secondary.frame:focus:not([disabled]),.button.secondary.frame:focus:not([disabled]),.btn.secondary.frame:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-secondary-container)}button.secondary.frame:active:not([disabled]),input[type=submit].secondary.frame:active:not([disabled]),.button.secondary.frame:active:not([disabled]),.btn.secondary.frame:active:not([disabled]){box-shadow:0 0 0 2px var(--color-secondary-container)}button.secondary.rounded,input[type=submit].secondary.rounded,.button.secondary.rounded,.btn.secondary.rounded{border-radius:100px}button.secondary:disabled,input[type=submit].secondary:disabled,.button.secondary:disabled,.btn.secondary:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);opacity:.8}button.accent,input[type=submit].accent,.button.accent,.btn.accent{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:0;margin:0;width:100px;height:26px;border-radius:8px;font-size:14px;white-space:nowrap;transition:box-shadow .2s ease-in-out,color .3s ease-in-out,background-color .25s ease-in-out;color:#fff;background-color:var(--color-tertiary-container);border:1px solid var(--color-tertiary-container);color:var(--color-on-surface);box-shadow:0 0 0 0 var(--color-on-tertiary),inset -2px -2px 4px 1px rgba(0,0,0,.2)}button.accent.lg,input[type=submit].accent.lg,.button.accent.lg,.btn.accent.lg{height:100%;display:inline-flex;font-size:24px;font-size:1.5rem;width:120px;letter-spacing:-1px}@media only screen and (min-width: 768px){button.accent,input[type=submit].accent,.button.accent,.btn.accent{font-size:16px}}button.accent.w-full,input[type=submit].accent.w-full,.button.accent.w-full,.btn.accent.w-full{width:100%}@media(hover: hover){button.accent:hover:not([disabled]),input[type=submit].accent:hover:not([disabled]),.button.accent:hover:not([disabled]),.btn.accent:hover:not([disabled]){color:var(--color-on-surface);background:var(--color-tertiary-container);border-color:var(--color-tertiary-container);box-shadow:0 0 0 0 var(--color-on-tertiary),0 150px 0 0 var(--color-text-default-opa) inset}}button.accent:focus:not([disabled]),input[type=submit].accent:focus:not([disabled]),.button.accent:focus:not([disabled]),.btn.accent:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-on-tertiary);transition:background-color .23s ease-in-out}button.accent:active:not([disabled]),input[type=submit].accent:active:not([disabled]),.button.accent:active:not([disabled]),.btn.accent:active:not([disabled]){box-shadow:0 0 0 2px var(--color-on-tertiary);transition:background-color .23s ease-in-out}button.accent.frame,input[type=submit].accent.frame,.button.accent.frame,.btn.accent.frame{background:#fff;border:solid 1px var(--color-tertiary-container);color:var(--color-text-default);box-shadow:0 0 0 0 var(--color-on-tertiary),inset -2px -2px 4px 1px rgba(0,0,0,.17)}@media(hover: hover){button.accent.frame:hover:not([disabled]),input[type=submit].accent.frame:hover:not([disabled]),.button.accent.frame:hover:not([disabled]),.btn.accent.frame:hover:not([disabled]){color:var(--color-text-default);background:#fff;box-shadow:0 0 0 0 var(--color-on-tertiary),0 150px 0px var(--color-text-default-opa) inset}}button.accent.frame:focus:not([disabled]),input[type=submit].accent.frame:focus:not([disabled]),.button.accent.frame:focus:not([disabled]),.btn.accent.frame:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-on-tertiary)}button.accent.frame:active:not([disabled]),input[type=submit].accent.frame:active:not([disabled]),.button.accent.frame:active:not([disabled]),.btn.accent.frame:active:not([disabled]){box-shadow:0 0 0 2px var(--color-on-tertiary)}button.accent.rounded,input[type=submit].accent.rounded,.button.accent.rounded,.btn.accent.rounded{border-radius:100px}button.accent:disabled,input[type=submit].accent:disabled,.button.accent:disabled,.btn.accent:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);opacity:.8}button.tertiary,input[type=submit].tertiary,.button.tertiary,.btn.tertiary{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:0;margin:0;width:100px;height:26px;border-radius:8px;font-size:14px;white-space:nowrap;transition:box-shadow .2s ease-in-out,color .3s ease-in-out,background-color .25s ease-in-out;color:#fff;background-color:var(--color-tertiary);border:1px solid var(--color-tertiary);color:#fff;box-shadow:0 0 0 0 var(--color-tertiary-opa),inset -2px -2px 4px 1px rgba(0,0,0,.2)}button.tertiary.lg,input[type=submit].tertiary.lg,.button.tertiary.lg,.btn.tertiary.lg{height:100%;display:inline-flex;font-size:24px;font-size:1.5rem;width:120px;letter-spacing:-1px}@media only screen and (min-width: 768px){button.tertiary,input[type=submit].tertiary,.button.tertiary,.btn.tertiary{font-size:16px}}button.tertiary.w-full,input[type=submit].tertiary.w-full,.button.tertiary.w-full,.btn.tertiary.w-full{width:100%}@media(hover: hover){button.tertiary:hover:not([disabled]),input[type=submit].tertiary:hover:not([disabled]),.button.tertiary:hover:not([disabled]),.btn.tertiary:hover:not([disabled]){color:#fff;background:var(--color-tertiary);border-color:var(--color-tertiary);box-shadow:0 0 0 0 var(--color-tertiary-opa),0 150px 0 0 var(--color-text-default-opa) inset}}button.tertiary:focus:not([disabled]),input[type=submit].tertiary:focus:not([disabled]),.button.tertiary:focus:not([disabled]),.btn.tertiary:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-tertiary-opa);transition:background-color .23s ease-in-out}button.tertiary:active:not([disabled]),input[type=submit].tertiary:active:not([disabled]),.button.tertiary:active:not([disabled]),.btn.tertiary:active:not([disabled]){box-shadow:0 0 0 2px var(--color-tertiary-opa);transition:background-color .23s ease-in-out}button.tertiary.frame,input[type=submit].tertiary.frame,.button.tertiary.frame,.btn.tertiary.frame{background:#fff;border:solid 1px var(--color-tertiary);color:var(--color-text-default);box-shadow:0 0 0 0 var(--color-tertiary-opa),inset -2px -2px 4px 1px rgba(0,0,0,.17)}@media(hover: hover){button.tertiary.frame:hover:not([disabled]),input[type=submit].tertiary.frame:hover:not([disabled]),.button.tertiary.frame:hover:not([disabled]),.btn.tertiary.frame:hover:not([disabled]){color:var(--color-text-default);background:#fff;box-shadow:0 0 0 0 var(--color-tertiary-opa),0 150px 0px var(--color-text-default-opa) inset}}button.tertiary.frame:focus:not([disabled]),input[type=submit].tertiary.frame:focus:not([disabled]),.button.tertiary.frame:focus:not([disabled]),.btn.tertiary.frame:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-tertiary-opa)}button.tertiary.frame:active:not([disabled]),input[type=submit].tertiary.frame:active:not([disabled]),.button.tertiary.frame:active:not([disabled]),.btn.tertiary.frame:active:not([disabled]){box-shadow:0 0 0 2px var(--color-tertiary-opa)}button.tertiary.rounded,input[type=submit].tertiary.rounded,.button.tertiary.rounded,.btn.tertiary.rounded{border-radius:100px}button.tertiary:disabled,input[type=submit].tertiary:disabled,.button.tertiary:disabled,.btn.tertiary:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);opacity:.8}.btn-wrap.bottom{display:flex;flex-wrap:nowrap;gap:4px;margin:40px 0}@media only screen and (min-width: 1024px){.btn-wrap.bottom{margin:80px 0 40px 0}}.btn-wrap.bottom button{width:100%}.button_wrapper{padding:10px 0;display:flex;flex-direction:column;row-gap:8px;align-items:flex-end}.button_wrapper>div{font-size:0}.button_wrapper .btn{width:unset;padding:4px 8px;font-size:14px;font-size:.875rem}.button_wrapper .btn+.btn{margin-left:4px}.action-btns{position:absolute;top:0;right:0;transform:translate(100%, 0);display:flex;flex-direction:column;row-gap:4px}.action-btns .btn{width:40px;height:40px}.action-btns .btn.txt{font-size:13px;font-size:.8125rem;letter-spacing:1px;line-height:1}select{min-height:26px;border:1px solid var(--color-primary)}select:focus{outline:unset;background-color:var(--color-secondary-opa)}td input[type=text],td input[type=time],td input[type=date],td input[type=number]{border:1px solid var(--color-primary);background:#fff;padding:4px 8px;height:26px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}td input[type=text].w-full,td input[type=time].w-full,td input[type=date].w-full,td input[type=number].w-full{width:100%}td input[type=password]{border:1px solid var(--color-primary);background:#fff;padding:4px 8px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}td input[type=password].w-full{width:100%}td input[disabled]{background-color:var(--color-text-default-opa)}td input:focus{outline:unset;background-color:var(--color-secondary-opa)}td input:active{outline:unset;border-color:var(--color-skyblue);background-color:var(--color-secondary-opa)}td input.error:not([disabled]){border-color:var(--color-red)}td input:not([disabled])::placeholder{color:var(--color-gray-200);font-size:15px;font-size:.9375rem}td input[disabled]::placeholder{color:var(--color-gray-700);font-size:15px;font-size:.9375rem}.input-wrap input[type=text],.input-wrap input[type=time],.input-wrap input[type=date],.input-wrap input[type=number]{border:1px solid var(--color-primary);background:#fff;padding:4px 8px;height:26px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.input-wrap input[type=text].w-full,.input-wrap input[type=time].w-full,.input-wrap input[type=date].w-full,.input-wrap input[type=number].w-full{width:100%}.input-wrap input[type=password]{border:1px solid var(--color-primary);background:#fff;padding:4px 8px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.input-wrap input[type=password].w-full{width:100%}.input-wrap input[disabled]{background-color:var(--color-text-default-opa)}.input-wrap input:focus{outline:unset;background-color:var(--color-secondary-opa)}.input-wrap input:active{outline:unset;border-color:var(--color-skyblue);background-color:var(--color-secondary-opa)}.input-wrap input.error:not([disabled]){border-color:var(--color-red)}.input-wrap input:not([disabled])::placeholder{color:var(--color-gray-200);font-size:15px;font-size:.9375rem}.input-wrap input[disabled]::placeholder{color:var(--color-gray-700);font-size:15px;font-size:.9375rem}.dt-wrap,.date-wrap{min-width:160px;width:fit-content}.dt-wrap input,.date-wrap input{cursor:pointer;padding:4px 8px}.dt-wrap input[type=text],.dt-wrap input[type=time],.dt-wrap input[type=date],.dt-wrap input[type=number],.date-wrap input[type=text],.date-wrap input[type=time],.date-wrap input[type=date],.date-wrap input[type=number]{border:1px solid var(--color-primary);background:#fff;padding:4px 8px;height:26px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.dt-wrap input[type=text].w-full,.dt-wrap input[type=time].w-full,.dt-wrap input[type=date].w-full,.dt-wrap input[type=number].w-full,.date-wrap input[type=text].w-full,.date-wrap input[type=time].w-full,.date-wrap input[type=date].w-full,.date-wrap input[type=number].w-full{width:100%}.dt-wrap input[type=password],.date-wrap input[type=password]{border:1px solid var(--color-primary);background:#fff;padding:4px 8px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.dt-wrap input[type=password].w-full,.date-wrap input[type=password].w-full{width:100%}.dt-wrap input[disabled],.date-wrap input[disabled]{background-color:var(--color-text-default-opa)}.dt-wrap input:focus,.date-wrap input:focus{outline:unset;background-color:var(--color-secondary-opa)}.dt-wrap input:active,.date-wrap input:active{outline:unset;border-color:var(--color-skyblue);background-color:var(--color-secondary-opa)}.dt-wrap input.error:not([disabled]),.date-wrap input.error:not([disabled]){border-color:var(--color-red)}.dt-wrap input:not([disabled])::placeholder,.date-wrap input:not([disabled])::placeholder{color:var(--color-gray-200);font-size:15px;font-size:.9375rem}.dt-wrap input[disabled]::placeholder,.date-wrap input[disabled]::placeholder{color:var(--color-gray-700);font-size:15px;font-size:.9375rem}.dt-wrap label,.date-wrap label{display:flex;align-items:center;gap:4px}.dt-wrap:has(.trailing-button),.date-wrap:has(.trailing-button){position:relative;width:100%;height:100%}.dt-wrap:has(.trailing-icon),.date-wrap:has(.trailing-icon){position:relative}.dt-wrap:has(.trailing-icon) .trailing-icon,.date-wrap:has(.trailing-icon) .trailing-icon{position:absolute;width:100%;height:100%;padding-right:8px;display:flex;align-items:center;justify-content:flex-end;color:var(--color-primary);opacity:.5;transition:opacity .2s ease-in-out;font-size:20px;font-size:1.25rem}.dt-wrap:has(.trailing-icon) .trailing-icon.on,.date-wrap:has(.trailing-icon) .trailing-icon.on{opacity:1}.form{width:100%}.form .input-label{display:flex;flex-direction:column}.form .input-label .input-label-text{padding-bottom:8px}.form .input-label input[type=text],.form .input-label input[type=time],.form .input-label input[type=date]{border-radius:40px;border:1px solid var(--color-primary);background:#fff;padding:7px 15px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.form .input-label input[type=text].w-full,.form .input-label input[type=time].w-full,.form .input-label input[type=date].w-full{width:100%}.form .input-label input[type=password]{border-radius:40px;border:1px solid var(--color-primary);background:#fff;padding:7px 15px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.form .input-label input[type=password].w-full{width:100%}.form .input-label input[disabled]{background-color:var(--color-text-default-opa)}.form .input-label input:focus{outline:unset;background-color:var(--color-secondary-opa)}.form .input-label input:active{outline:unset;border-color:var(--color-skyblue);background-color:var(--color-secondary-opa)}.form .input-label input.error:not([disabled]){border-color:var(--color-red)}.form .input-label input:not([disabled])::placeholder{color:var(--color-gray-200);font-size:15px;font-size:.9375rem}.form .input-label input[disabled]::placeholder{color:var(--color-gray-700);font-size:15px;font-size:.9375rem}.form .input-label .input-wrapper:has(.trailing-button){position:relative}.form .input-label .input-wrapper:has(.trailing-icon){position:relative}.form .input-label .input-wrapper:has(.trailing-icon) .trailing-icon{position:absolute;top:0;right:0;transform:translate(-100%, 50%);color:var(--color-text-default);opacity:.5;transition:opacity .2s ease-in-out;font-size:20px;font-size:1.25rem}.form .input-label .input-wrapper:has(.trailing-icon) .trailing-icon.on{opacity:1}.form .input-label .input-wrapper:has(button){position:relative}.form .input-label .input-wrapper:has(button) input{padding-right:107px}.form .input-label .input-wrapper:has(button) button{position:absolute;top:0;right:0;border-top-right-radius:40px;border-bottom-right-radius:40px}.form .input-label:not(:last-of-type){margin-bottom:15px}.checkbox{padding:4px 0}.checkbox label{display:flex;align-items:center;cursor:pointer;transition:color .2s ease-in-out}@media(hover: hover){.checkbox label:hover:not([disabled]){color:var(--color-on-primary-container)}}.checkbox label .checkbox-icon{font-size:20px;font-size:1.25rem;margin-right:8px;color:var(--color-gray-200);transition:color .3s ease}.checkbox label input[type=checkbox]{display:none}.checkbox label input[type=checkbox]:checked~.checkbox-icon,.checkbox label input[type=checkbox]:checked~p{color:var(--color-text-default)}.checkbox label p{transition:color .3s ease;margin:0;color:var(--color-gray-200)}.select-box .select-heading{font-weight:400;padding-bottom:8px;color:var(--color-gray-700);font-size:14px;font-size:.875rem}.select-box+.select-box{margin-top:10px}.input-btn-wrap{--button-width: 70px;position:relative}.input-btn-wrap .input-wrap input[type=text]{padding-right:calc(var(--button-width) + 6px)}.input-btn-wrap .btn{position:absolute;right:0;top:0;width:var(--button-width)}textarea{border-radius:4px;padding:var(--padding-s);outline:none;box-sizing:border-box;border:1px solid var(--color-primary);transition:border .3s ease-in-out,background-color .3s linear;width:100%}textarea:focus{outline:unset;background-color:var(--color-secondary-opa)}.contract-info{max-width:400px;line-height:1.6}@media only screen and (min-width: 1024px){.contract-info{width:400px}}.contract-info .contract-subject{text-align:center;line-height:2;font-weight:500;font-size:18px;font-size:1.125rem}.contract-info .info_wrapper .info-table{width:100%;border-spacing:0;border-collapse:collapse}.contract-info .info_wrapper .info-table .personal-info{border:1px solid #444}.contract-info .info_wrapper .info-table .personal-info>div:not(:last-of-type){border-bottom:1px solid #444}.contract-info .info_wrapper .sign-here{width:100px;margin-top:10px;margin-left:auto}.contract-info .info_wrapper .sign-here .name{text-align:right}.contract-info .info_wrapper .sign-here .sign img{width:100px}.info_wrapper td,.info_wrapper th{border-color:#000;border-width:1px;border-style:solid;padding:4px;line-height:1.4}.radio-tap{display:flex;padding:0 0 20px}.radio-tap .radio-box{width:100%;display:flex;justify-content:center;align-items:center}.radio-tap .radio-box label{width:100%;display:flex;justify-content:center;align-items:center;height:40px;border:1px solid var(--color-gray-200);transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.radio-tap .radio-box label input[type=radio]{display:none}.radio-tap .radio-box label:has(input[type=radio]:checked){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.radio-tap .radio-box:not(:last-of-type){border-right:0px solid rgba(0,0,0,0)}.ck-editor__editable,.ck-source-editing-area{min-height:350px}.ck.ck-editor__editable_inline[dir=ltr]{line-height:1.4}h1{font-size:20px;font-size:1.25rem;margin:20px 0}h2{font-size:18px;font-size:1.125rem;margin:20px 0}.form-wrapper{width:100%;background-color:rgba(0,0,0,0);border-bottom:1px solid #d6d2e4}.form{padding:4px;display:block}.form-inner{display:flex;align-items:center;gap:10px}.form-inner .search-bar{display:flex;border:1px solid var(--color-text-default);padding:8px;border-radius:8px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.form-inner .search-bar:focus-within{border-color:var(--color-primary);background-color:var(--color-primary-opa)}.form-inner .search-bar .input-wrapper{display:inline-flex;margin-right:8px}.form-inner .search-bar .input-wrapper input{height:24px;border:none;display:inline-flex;outline:none;width:100%;background-color:rgba(0,0,0,0)}.form-inner .search-bar .input-wrapper input::placeholder{color:var(--color-text-default)}.form-inner .search-bar .input-wrapper .cancel-icon{color:var(--color-gray-200);cursor:pointer;opacity:.7;scale:.8;transition:opacity .2s linear}.form-inner .search-bar .input-wrapper .cancel-icon:hover{opacity:1}.form-inner .search-bar .input-wrapper~button{display:flex}.form-inner .search-bar .search-icon{color:var(--color-text-default);transition:color .2s linear,scale .1s ease-in-out}.form-inner .search-bar .search-icon:hover{color:var(--color-primary);scale:1.1}.form-inner .btn-wrap{display:flex}.form-inner .btn-wrap .btn{padding:8px;height:45px}.form-inner .filter-icon{appearance:none;background:none;border:none;border-radius:0;cursor:pointer;padding:0;margin:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:0;margin:0;width:100px;height:26px;border-radius:8px;font-size:14px;white-space:nowrap;transition:box-shadow .2s ease-in-out,color .3s ease-in-out,background-color .25s ease-in-out;color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff;clear:both;box-shadow:0 0 0 0 var(--color-primary-opa),inset -2px -2px 4px 1px rgba(0,0,0,.2);width:40px;height:40px;padding:8px;color:#fff;border-radius:8px}.form-inner .filter-icon.lg{height:100%;display:inline-flex;font-size:24px;font-size:1.5rem;width:120px;letter-spacing:-1px}@media only screen and (min-width: 768px){.form-inner .filter-icon{font-size:16px}}.form-inner .filter-icon.w-full{width:100%}@media(hover: hover){.form-inner .filter-icon:hover:not([disabled]){color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 0 var(--color-primary-opa),0 150px 0px var(--color-text-default-opa) inset}}.form-inner .filter-icon:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-primary-opa);transition:background-color .23s ease-in-out}.form-inner .filter-icon:active:not([disabled]){box-shadow:0 0 0 2px var(--color-primary-opa);transition:background-color .23s ease-in-out}.form-inner .filter-icon.frame{background:#fff;border:solid 1px var(--color-primary);color:var(--color-text-default);box-shadow:0 0 0 0 var(--color-primary-opa),inset -2px -2px 4px 1px rgba(0,0,0,.17)}@media(hover: hover){.form-inner .filter-icon.frame:hover:not([disabled]){color:var(--color-text-default);background:#fff;box-shadow:0 0 0 0 var(--color-primary-opa),0 150px 0px var(--color-text-default-opa) inset}}.form-inner .filter-icon.frame:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-primary-opa)}.form-inner .filter-icon.frame:active:not([disabled]){box-shadow:0 0 0 2px var(--color-primary-opa)}.form-inner .filter-icon.rounded{border-radius:100px}.form-inner .filter-icon:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);opacity:.8}@media(hover: hover){.form-inner .filter-icon:hover:not([disabled]){color:#fff}}.form-inner .filter-icon .material-icons{display:inline-flex;justify-content:center;align-items:center}@media screen and (min-width: 768px){.form-wrapper{border-radius:10px}}.filter_wrapper{display:grid}.filter_wrapper .form-wrapper{background-color:#fff;border-bottom:1px solid #d6d2e4}.filter-input{display:flex;align-items:center;flex-wrap:wrap;-moz-column-gap:11px;column-gap:11px;row-gap:8px;margin-bottom:12px}.filter-input .request-filter{position:relative;white-space:nowrap;word-break:keep-all;border-radius:4px;border:1px solid var(--color-text-default);color:var(--color-text-default);transition:background-color .2s linear}.filter-input .request-filter:hover{background-color:var(--color-primary-opa)}.filter-input .request-filter>.request-filter--area{padding:5px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;height:26px}.filter-input .request-filter .material-icons:not(.trailing-icon),.filter-input .request-filter .icon{font-size:16px;font-size:1rem}.filter-input .request-filter .filter-option{display:none;width:unset;z-index:2;position:absolute;padding:7px;bottom:0;left:0;transform:translate(0, 100%);border-radius:4px;background:var(--color-surface);border:1px solid var(--color-primary-opa);box-shadow:0px 4px 8px 0px var(--color-primary-opa);flex-wrap:wrap;gap:10px;transition:background-color .2s linear}.filter-input .request-filter .filter-option.on{display:flex}.filter-input .request-filter .filter-option--name{min-width:150px;cursor:pointer;padding:5px;border-radius:4px;border:1px solid var(--color-text-default);transition:border-color .2s linear,background-color .2s linear;word-break:break-all;white-space:normal;position:relative}.filter-input .request-filter .filter-option--name.date{cursor:default;display:grid;gap:8px}.filter-input .request-filter .filter-option--name:hover{background-color:var(--color-primary-opa)}.filter-input .request-filter .filter-option--name input.dt_picker{cursor:pointer;padding-right:32px}.filter-input .request-filter .filter-option--name button{appearance:none;background:none;border:none;border-radius:0;cursor:pointer;padding:0;margin:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:0;margin:0;width:100px;height:26px;border-radius:8px;font-size:14px;white-space:nowrap;transition:box-shadow .2s ease-in-out,color .3s ease-in-out,background-color .25s ease-in-out;color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff;clear:both;box-shadow:0 0 0 0 var(--color-primary-opa),inset -2px -2px 4px 1px rgba(0,0,0,.2);height:24px}.filter-input .request-filter .filter-option--name button.lg{height:100%;display:inline-flex;font-size:24px;font-size:1.5rem;width:120px;letter-spacing:-1px}@media only screen and (min-width: 768px){.filter-input .request-filter .filter-option--name button{font-size:16px}}.filter-input .request-filter .filter-option--name button.w-full{width:100%}@media(hover: hover){.filter-input .request-filter .filter-option--name button:hover:not([disabled]){color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 0 var(--color-primary-opa),0 150px 0px var(--color-text-default-opa) inset}}.filter-input .request-filter .filter-option--name button:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-primary-opa);transition:background-color .23s ease-in-out}.filter-input .request-filter .filter-option--name button:active:not([disabled]){box-shadow:0 0 0 2px var(--color-primary-opa);transition:background-color .23s ease-in-out}.filter-input .request-filter .filter-option--name button.frame{background:#fff;border:solid 1px var(--color-primary);color:var(--color-text-default);box-shadow:0 0 0 0 var(--color-primary-opa),inset -2px -2px 4px 1px rgba(0,0,0,.17)}@media(hover: hover){.filter-input .request-filter .filter-option--name button.frame:hover:not([disabled]){color:var(--color-text-default);background:#fff;box-shadow:0 0 0 0 var(--color-primary-opa),0 150px 0px var(--color-text-default-opa) inset}}.filter-input .request-filter .filter-option--name button.frame:focus:not([disabled]){box-shadow:0 0 0 4px var(--color-primary-opa)}.filter-input .request-filter .filter-option--name button.frame:active:not([disabled]){box-shadow:0 0 0 2px var(--color-primary-opa)}.filter-input .request-filter .filter-option--name button.rounded{border-radius:100px}.filter-input .request-filter .filter-option--name button:disabled{background-color:var(--color-gray-200);border-color:var(--color-gray-200);opacity:.8}.filter-input .btn.reset{display:flex;align-items:center;justify-content:center;white-space:nowrap;word-break:keep-all;padding:8px;border-radius:4px;height:28px}.filter-output{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:4px;overflow:hidden}.filter-output .filtered{position:relative;display:none;align-items:center;white-space:nowrap;word-break:keep-all;gap:4px;padding:2px 12px;line-height:1.3;background:var(--color-surface);border-radius:100px;border:1px solid var(--color-text-default);color:var(--color-text-default);transition:border-color .2s linear,background-color .2s linear}.filter-output .filtered:hover{background-color:var(--color-primary-opa)}.filter-output .filtered .material-icons:not(.trailing-icon){font-size:16px;font-size:1rem}.filter-output .filtered .material-icons:not(.trailing-icon).cancel-icon{cursor:pointer;transition:color .2s linear,transform .2s ease-in-out}.filter-output .filtered .material-icons:not(.trailing-icon).cancel-icon:hover{transform:translate(1px, 1px)}.filter-output .filtered.on{display:flex;overflow:hidden}.filter-output .filtered--name{text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;width:100%;overflow:hidden}.filter-output .dt-wrap:has(.trailing-icon) .trailing-icon{color:var(--color-text-default)}@media screen and (min-width: 1024px){.filter-input .request-filter .filter-option{width:unset;flex-wrap:wrap}.filter-input .request-filter .filter-option .filter-option--name{height:fit-content}.filter-input .request-filter .filter-option .filter-option--name.date{display:flex;align-items:center;gap:8px;white-space:nowrap}.filter-input .request-filter .filter-option .filter-option--name.date button{width:50px}}.pagination{display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:4px;padding-top:10px;padding-bottom:10px;margin-top:auto}.pagination a{text-align:center;color:var(--color-on-primary-container);padding:8px;text-decoration:none;display:flex;height:24px;width:24px;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;word-break:keep-all}.pagination .material-icons{vertical-align:bottom}.pagination a:hover{background-color:var(--color-primary-hover);border-radius:1rem}.pagination a.active{border-radius:1rem;background-color:var(--color-hover)}.notification-badges>*{display:inline-block;min-width:50px;vertical-align:top;text-align:center;line-height:50px;padding:5px}.notification-badges [data-badge]{position:relative}.notification-badges [data-badge]:after{position:absolute;right:-5px;top:-5px;min-width:2px;min-height:2px;line-height:2px;padding:5px;color:#fff;background-color:#bf2a1f;font-size:10px;font-size:.625rem;border-radius:20px;content:attr(data-badge);border:solid 1px #c93a3a}.table_wrapper{overflow:auto;background-color:var(--color-surface-bright);border:1px solid var(--color-primary)}.data-table-nodata{height:100%;width:100%;background-image:url(/js/react/static/empty-1721b776bb020dc228a266b7d95c927d.svg);background-repeat:no-repeat;background-size:50px 50px;background-position-x:center;background-position-y:center;background-color:var(---color-surface-bright);border:1px solid var(--color-primary);padding:90px 32px}.data-table-nodata .nodata-text{height:100%;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--color-primary);transform:translateY(50px)}.data-table{width:100%;min-width:920px}.data-table.sm{min-width:unset}.data-table tr:has(th){position:sticky;top:0;border-bottom:1px solid var(--color-primary)}.data-table th{font-weight:500;padding:var(--padding-s);background-color:#cce1e4;color:var(--color-on-surface);white-space:nowrap;word-break:keep-all}.data-table th.align-left{text-align:left}.data-table th.align-right{text-align:right}.data-table td{padding:var(--padding-s);text-align:center;vertical-align:baseline;white-space:nowrap;word-break:keep-all}.data-table td .btn-wrap .btn{height:unset;width:unset;padding:4px 8px}.data-table td.align-left{text-align:left}.data-table td.align-right{text-align:right}.data-table *:has(.checkbox){width:24px}.data-table tbody tr{border-bottom:1px solid var(--color-primary);transition:background-color .3s linear;cursor:pointer}.data-table tbody tr.error{background-color:var(--color-error-container)}.data-table tbody tr:hover,.data-table tbody tr.active{background-color:var(--color-primary-hover)}.data-table tbody tr.checked,.data-table tbody tr.active{background-color:var(--color-primary-fixed)}.table-title{color:var(--color-on-primary-container);font-weight:500;white-space:nowrap}.table-title .count{font-weight:400;padding:0px 14px;border-radius:16px;background-color:var(--color-tertiary-fixed);font-size:14px;font-size:.875rem}.table-title .count *{font-size:14px;font-size:.875rem}.data-grid_wrapper{overflow:auto}.data-grid{display:grid;grid-template-columns:100px 1fr;gap:2px;border-top:1px solid var(--color-hover);border-left:1px solid var(--color-hover);border-right:1px solid var(--color-hover)}.data-grid+.data-grid{margin-top:4px}.data-grid div{display:flex;align-items:center}.data-grid .th{background-color:#cce1e4;color:var(--color-on-primary-container);border-bottom:1px solid var(--color-hover);padding:var(--padding-s)}.data-grid .td{border-bottom:1px solid var(--color-hover)}.data-grid .td .text{padding:var(--padding-s)}.data-grid .td .dt-wrap input{border-radius:0}.data-grid .td input.w100{width:100%}.data-grid .td select:not(.niceSelect){height:24px;min-width:203px}.data-grid .tooltip{cursor:default}.data-grid .tooltip:hover .tooltip-content::after{visibility:hidden;opacity:0}.data-grid .tooltip .help-icon{font-size:1rem;color:var(--color-on-primary-container);width:fit-content;display:block}.data-grid .tooltip .tooltip-content{margin-left:8px;cursor:pointer;position:relative;opacity:.7}.data-grid .tooltip .tooltip-content::after{content:attr(data-content);font-size:.9rem;visibility:hidden;opacity:0;min-width:fit-content;width:300px;background-color:#333;color:#fff;text-align:left;border-radius:5px;padding:2px 5px;position:absolute;z-index:1;left:inherit;transform:translate(10%, -75%);transition:opacity .3s;text-wrap:balance;white-space:pre-line}.data-grid .tooltip .tooltip-content:hover{opacity:1}.data-grid .tooltip .tooltip-content:hover::after{visibility:visible;opacity:1}.data-grid .relative{position:relative}.data-grid .expand-line{grid-column-start:1;grid-column-end:3}.data-list{max-height:calc(100vh - 420px);overflow:auto;display:flex;flex-direction:column;gap:4px}.data-list li{display:flex;align-items:center;padding:var(--padding-s);gap:4px;border-radius:4px;cursor:pointer}.data-list li:hover{background-color:var(--color-primary-hover);transition:background .3s linear}.data-list li.active{position:relative;color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:4px solid var(--color-primary-container);border-right:4px solid rgba(0,0,0,0);box-sizing:border-box;animation:rotation 1s linear infinite}.loader::after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;border-left:4px solid var(--color-primary);border-bottom:4px solid rgba(0,0,0,0);animation:rotation .5s linear infinite reverse}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}.tooltip{cursor:pointer}.tooltip .tooltip-content::after{content:attr(data-content);visibility:hidden;opacity:0;width:auto;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;left:0;transform:translate(4px, -50%);transition:opacity .3s;white-space:nowrap}.tooltip:hover .tooltip-content::after{visibility:visible;opacity:1}.popup-num-pad{position:fixed;display:grid;width:100%;height:100%;top:0;left:0;z-index:9999}.popup-num-pad .center-position{display:flex;align-items:center;justify-content:center}.grid-cols{background-color:var(--color-primary-container);padding:16px;box-shadow:1px 1px 10px var(--color-primary)}.grid-cols .grid-col{display:grid;grid-template-columns:100px 100px 100px}.grid-cols .grid-col .num{display:flex;justify-content:center;align-items:center;height:100px;width:100px;border:1px solid var(--color-primary);background-color:var(--color-surface);cursor:pointer;transition:box-shadow .2s ease-in-out}.grid-cols .grid-col .num:hover{box-shadow:0 0 0 5px var(--color-primary-opa) inset}.grid-cols .grid-col.preview{grid-template-columns:1fr}.grid-cols .grid-col.preview .preview-title{font-size:2rem}.grid-cols .grid-col.preview .num{width:100%;justify-content:flex-end;padding:24px;font-size:24px;font-size:1.5rem;cursor:default}.grid-cols .grid-col.preview .num:hover{box-shadow:unset}.counter{display:flex;column-gap:4px;align-items:center;justify-content:center}.counter .use-count{min-width:45px;height:26px;line-height:26px;border:1px solid var(--color-primary);border-radius:8px}.main_wrapper{max-width:var(--content-width);display:grid;grid-template-columns:40px auto;grid-template-rows:1fr;margin:0 auto;background-color:var(--color-surface);min-height:calc(100vh - var(--header-height));max-height:calc(100vh - var(--header-height));height:calc(100vh - var(--header-height));transition:width 1s}.main_wrapper.flow{grid-template-columns:230px auto}.content{width:var(--content-width)}header{display:flex}.main_wrapper .content{display:flex}main{padding:var(--padding-s)}.page-main{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));overflow:hidden;width:auto}.page-main h2{display:block;font-size:1.4rem;color:var(--color-on-surface);font-weight:700}.page-main .section_wrapper section{overflow:auto;max-height:calc(100vh - var(--header-height) - 90px);height:calc(100vh - var(--header-height) - 90px);padding:var(--padding-s);background-color:var(--color-white);box-shadow:rgba(0,0,0,.15) 0px 25px 20px -20px;display:flex;flex-direction:column;border-radius:8px}.page-main .section_wrapper section .section_header{display:flex;align-items:center;gap:8px;padding:var(--padding-s);color:var(--color-on-surface);border-bottom:1px solid var(--color-tertiary-container);margin-bottom:4px}.page-main .section_wrapper section .section_header h3{font-weight:700}.page-main .section_wrapper section .section_header .push{margin-left:auto}.page-footer{padding:var(--padding-l);background-color:var(--color-primary);color:var(--color-white);width:100%;height:130px}.page-footer .content{padding-left:10px}.page-footer p{font-size:.8rem;line-height:1.6}.page-footer .push p{text-align:end}.page-header{padding:var(--padding-m);background-color:var(--color-primary);color:var(--color-white);height:var(--header-height)}.page-header .content{gap:10px;display:flex;align-items:center}.page-header h1{margin:20px 0}.page-header .logo{display:flex;align-items:center;justify-content:center;width:75px}.page-header .logo img{max-width:100%}.page-header_box{display:flex;justify-content:flex-start;align-items:center;gap:10px}.page-header .btn{font-size:.8rem}div.header-btn-wrap{margin-left:16px}div.header-btn-wrap .header-nav{display:flex}nav.nav{background-color:var(--color-white);min-height:calc(100vh - var(--header-height));height:calc(100vh - var(--header-height));overflow:overlay;overscroll-behavior:none;box-shadow:rgba(0,0,0,.15) 15px 0px 20px -20px;transition:clip-path .2s ease-in-out;width:230px;color:var(--color-on-surface);user-select:none;will-change:clip-path;z-index:1;clip-path:xywh(0 0 40px 100%)}nav.nav .login_info{display:none}nav.nav:hover .nav_wrapper .nav_item:hover{background-color:var(--color-primary-hover);transition:background-color .2s ease-in-out}nav.nav:hover,nav.nav.on{clip-path:xywh(0 0 230px 100%)}nav.nav:hover .nav_wrapper .nav_item,nav.nav.on .nav_wrapper .nav_item{transition:background-color .3s linear;display:grid;grid-template-columns:32px 1fr;column-gap:10px}nav.nav:hover .nav_wrapper .nav_item .menu_name,nav.nav.on .nav_wrapper .nav_item .menu_name{display:flex;opacity:1;position:initial;transition:transform .2s linear,opacity .15s linear}nav.nav:hover .nav_wrapper .nav_item .checkbox,nav.nav.on .nav_wrapper .nav_item .checkbox{width:100%}nav.nav:hover .nav_wrapper .nav_item .checkbox label,nav.nav.on .nav_wrapper .nav_item .checkbox label{display:block;width:100%}nav.nav:hover .nav_wrapper .nav_item.has_sub,nav.nav.on .nav_wrapper .nav_item.has_sub{display:grid;grid-template-columns:32px 1fr 32px;grid-template-rows:minmax(32px, auto);column-gap:10px}nav.nav:hover .nav_wrapper .nav_item.has_sub+.sub_category .sub_category_list,nav.nav.on .nav_wrapper .nav_item.has_sub+.sub_category .sub_category_list{height:0;overflow:hidden;display:flex;flex-direction:column;gap:4px;transform:translateX(0%);opacity:1;position:initial;transition:transform .2s linear,opacity .25s linear .15s}nav.nav:hover .nav_wrapper .nav_item.has_sub+.sub_category .sub_category_list .sub_category_item,nav.nav.on .nav_wrapper .nav_item.has_sub+.sub_category .sub_category_list .sub_category_item{border-radius:4px;width:100%;height:30px;display:flex;align-items:center;padding:0 8px;transition:background-color .2s ease-in-out}nav.nav:hover .nav_wrapper .nav_item.has_sub+.sub_category.on .sub_category_list,nav.nav.on .nav_wrapper .nav_item.has_sub+.sub_category.on .sub_category_list{height:auto}nav.nav:hover .login_info,nav.nav.on .login_info{display:flex;align-items:center;gap:10px}nav.nav:hover .login_info *,nav.nav.on .login_info *{white-space:no-wrap}nav.nav:hover .login_info .btn.manual,nav.nav.on .login_info .btn.manual{width:unset;padding:0 8px}nav.nav:hover .login_info .account,nav.nav.on .login_info .account{display:flex;align-items:center}nav.nav:hover .login_info .account .icon,nav.nav.on .login_info .account .icon{padding-right:4px;font-size:24px;font-size:1.5rem}nav.nav:hover .login_info .user,nav.nav.on .login_info .user{white-space:no-wrap;display:inline-flex}nav.nav:hover .login_info .btn.square,nav.nav.on .login_info .btn.square{width:unset;height:unset;padding:4px}nav.nav:hover .login_info .btn.square span,nav.nav.on .login_info .btn.square span{font-size:16px;font-size:1rem}nav.nav .nav_wrapper{display:flex;flex-direction:column;height:100%}nav.nav .nav_wrapper .nav_item{display:flex;align-items:center;overflow:clip;padding:var(--padding-s);border-radius:4px;cursor:pointer;white-space:nowrap;word-break:keep-all;height:40px;min-height:40px}nav.nav .nav_wrapper .nav_item.active{background-color:var(--color-secondary-container);font-weight:700;color:var(--color-on-secondary-container)}nav.nav .nav_wrapper .nav_item.bottom{margin-top:auto}nav.nav .nav_wrapper .nav_item.has_sub+.sub_category .sub_category_list{transform:translateX(-100%);opacity:0;position:absolute;padding-left:42px}nav.nav .nav_wrapper .nav_item.has_sub+.sub_category .sub_category_list .sub_category_item{cursor:pointer}nav.nav .nav_wrapper .nav_item.has_sub+.sub_category .sub_category_list .sub_category_item.active{background-color:var(--color-secondary-container);font-weight:700}@media(hover: hover){nav.nav .nav_wrapper .nav_item.has_sub+.sub_category .sub_category_list .sub_category_item:hover:not([disabled]){background-color:var(--color-primary-opa)}}.menu_name{opacity:0;position:absolute;will-change:transform,opacity}nav.nav:hover .nav_item .menu_name{display:flex;transform:translateX(0%);opacity:1;position:initial;transition:transform .25s linear,opacity .15s linear}.popup_wrapper{display:grid;grid-template-columns:1fr;position:fixed;width:100vw;height:100vh;background-color:var(--color-hover);top:0;display:flex;align-items:center;justify-content:center;z-index:9999}.popup_wrapper :has(.faq){z-index:99999}.popup{position:relative;background-color:var(--color-white);min-width:350px;max-width:600px;border-radius:8px}.popup .popup-header{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:24px 24px 15px;font-weight:700;font-size:20px;line-height:30px}.popup-header span.material-icons.close{position:absolute;top:24px;right:24px;display:flex;align-items:center;cursor:pointer}.popup.popup-large{width:600px}.popup .popup-main{overflow:auto;overscroll-behavior:none;max-height:70vh;padding-left:20px;padding-right:20px;margin-bottom:116px}.popup .pagination{padding-top:12px;padding-bottom:0}.popup .td .form{padding:0}.popup .td .form-inner{margin-bottom:0}.popup .td .form-inner .search-bar{border-radius:0;border-color:var(--color-primary)}.popup .td .form-inner .search-bar input:not([disabled])::placeholder{color:var(--color-gray-200);font-size:15px;font-size:.9375rem}.popup .td .form-inner .search-bar .search-icon{color:#fff;width:40px}.popup h6{font-weight:700;font-size:18px;line-height:28px}.popup .popup_button_wrap{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px 30px;background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.popup .popup_button_wrap button{min-width:140px;height:40px}.popup-main ul.block{display:flex;flex-direction:column;gap:4px}.popup-main ul.block li input{width:100%}.popup_table.grid>div .select_box,.popup_table.grid>div input{width:350px}.popup_table_wrapper .sub_table{display:flex;width:100%;flex-direction:column;min-width:300px;min-height:250px}.popup_table_wrapper .sub_table.call_list{max-height:350px}.popup_table_wrapper .sub_table ul{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;min-width:300px;text-align:center}.popup_table_wrapper .sub_table ul.tr:hover{background-color:var(--color-hover)}.popup_table_wrapper .sub_table ul li{width:100%;cursor:pointer}.popup_table_wrapper .sub_table ul li input[type=text]{cursor:auto;width:100%}.popup_table_wrapper .sub_table ul li input[type=text]:read-only{background-color:rgba(0,0,0,0);cursor:pointer;border:none}.popup_table_wrapper .sub_table ul li.buttons{display:flex;gap:5px;justify-content:flex-end;align-items:center}.popup_table_wrapper .sub_table ul li.buttons button{white-space:nowrap;height:24px}.popup_table_wrapper .sub_table ul li.buttons button.delete{color:var(--color-darkgrey);border-color:var(--color-darkgrey)}.popup_table_wrapper .sub_table ul li .material-icons{cursor:pointer;color:var(--color-black)}.popup_table_wrapper .sub_table ul li .material-icons.modify:hover{color:var(--color-skyblue);transition:color .2s linear}.popup_table_wrapper .sub_table ul li .material-icons.remove:hover{color:var(--color-red);transition:color .2s linear}.popup_table_wrapper .sub_table .thead{background-color:var(--color-lightblue)}.popup_table_wrapper .sub_table .tbody{max-height:400px;padding-bottom:0;overflow:auto}.popup_table_wrapper .sub_table .tbody .td.buttons .btn{width:unset;padding:0 4px;font-size:14px;font-size:.875rem}.popup_table_wrapper .sub_table .tbody .td.buttons .btn.square{width:24px}.popup.popup-loader .popup-main{margin-bottom:30px}.popup.popup-loader .popup-main div{display:flex;align-items:center;justify-content:center;height:150px;flex-direction:column;gap:20px}.popup_wrapper.page-main-login .popup .popup-main{margin-bottom:90px}.popup_wrapper.page-main-login .login{display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column}.popup_wrapper.page-main-login .login .img-wrap{width:100px}.popup_wrapper.page-main-login .login .img-wrap img{max-width:100%}.popup_wrapper.page-main-login .login .login-wrap{display:flex;flex-direction:column}.popup_wrapper.page-main-login .login .button_wrap--bottom{flex-direction:column;padding:20px 0 0 0}.popup_wrapper.page-main-login .login .button_wrap--bottom .btn{height:45px}.popup_wrapper.page-main-login .login label p{padding-bottom:4px;margin-top:10px;font-size:14px;font-size:.875rem}.popup_wrapper.page-main-login .login label input{height:45px}.popup_wrapper.page-main-login .login .desc{padding-top:4px;text-align:center}.popup.refund{min-width:600px;width:600px}.popup.refund tbody:not(:first-of-type){border-top:1px solid var(--color-primary)}.popup.refund tbody tr{border-bottom:none;opacity:.75}.popup.refund tbody tr+tr{border-top:1px dashed var(--color-primary)}.popup.refund tbody tr:first-of-type{opacity:1}.popup .insert-card{border-radius:10px;display:flex;justify-content:center;align-items:center;margin-top:10px;padding:16px;background-color:var(--color-secondary-fixed)}*::-webkit-scrollbar{width:3px;height:5px}*::-webkit-scrollbar-track{background:rgba(0,0,0,0);-webkit-border-radius:20px}*::-webkit-scrollbar-thumb{-webkit-border-radius:20px;background:var(--color-primary-opa)}.scrollLock{height:100%;overflow:hidden}section .button_wrap--bottom{margin-top:auto;display:flex;gap:10px;justify-content:center;align-items:center;padding:var(--padding-l);padding-bottom:0px;position:sticky}.slalaa-web{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;background-color:var(--color-secondary-container);border-radius:16px}.slalaa-web p{margin-top:8px}