body{width:100%;height:100%;overflow:auto;margin:0;font-family:Titillium Web,sans-serif;font-weight:400;font-style:normal;font-size:14px;background-color:#f7f6f5}select{margin:0;border-radius:2px;border:solid 1px #dddbc0}.btn{display:flex;justify-content:center;align-items:center;margin:0;cursor:pointer;min-width:32px;width:max-content;padding:2px 8px;border-radius:4px;text-align:center;font-size:12px;background-color:#22b385;color:#fff}.btn.save{background-color:#2fa8c6}.btn.delete{background-color:#e64525}.btn.search{background-color:#2e2d27}.btn.create{background-color:#22b385}.btn.regist{background-color:#2e2d27}.btn.cancel{background-color:#76715c}.btn.warning{background-color:#e64525}.btn.info{background-color:#2fa8c6}.btn.danger{background-color:#e64525}.btn.large{height:32px;padding:4px 12px;font-size:14px}.btn.ml{margin-left:4px}.red{color:red}.clickable{cursor:pointer}.strikethrough{text-decoration:line-through;text-decoration-color:red}.Table{border:0;border-collapse:collapse;margin:0;padding:0;outline:0;vertical-align:baseline;width:max-content;border-bottom:1px solid black}.Table thead td{padding:3px 0 2px;text-align:center;border-left:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5;font-size:11px;color:#878787;background:#fafafa;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa",endColorstr="#efefef",GradientType=0)}.Table thead td:first-child{border-left:none}.Table thead th{font-weight:700;padding:10px;text-align:center;border:0;border-left:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5;font-size:12px;color:#fff;background:#444;margin:0;outline:0}.Table tbody tr{border-top:1px solid #e7e7e7}.Table tbody tr:nth-child(2n){background-color:#f5f5f5}.Table tbody td{border-left:1px solid #e7e7e7;padding:8px 10px;vertical-align:middle;font-size:12px}.Table tbody td:first-child{border-left:none}.flex-center{display:flex;justify-content:center;align-items:center}.flex-center-between{display:flex;justify-content:space-between;align-items:center}.flex-left{display:flex;justify-content:left;align-items:center}.flex-right{display:flex;justify-content:right;align-items:center}.flex-vertical-left{display:flex;justify-content:left;flex-direction:column}.flex-vertical-center{display:flex;justify-content:center;flex-direction:column;align-items:center}.flex-vertical-right{display:flex;justify-content:right;flex-direction:column}.zero_gap{margin:0;padding:0;border:0}.flex-grow{display:flex;flex-grow:1;width:100%}.divide-2,.divide-1-1{display:grid;grid-template-columns:1fr 1fr}.divide-1-2{display:grid;grid-template-columns:1fr 2fr}.divide-2-1{display:grid;grid-template-columns:2fr 1fr}.divide-3,.divide-1-1-1{display:grid;grid-template-columns:1fr 1fr 1fr}.divide-1-3{display:grid;grid-template-columns:1fr 3fr}.divide-1-4{display:grid;grid-template-columns:1fr 4fr}.divide-1-1-1-1,.divide-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.divide-1-1-1-1-1,.divide-5{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.Button-OnOff{display:flex;justify-content:center;align-content:center;border:1px solid gray;color:#000;margin:2px;cursor:pointer}.Button-OnOff.On{background-color:red;color:#fff}.Login-BG{position:fixed;left:0;width:100%;bottom:0;height:166px;background-image:url(/images/bg.png);background-position:50%;background-repeat:no-repeat}.Login-Menu{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);width:452px;height:474px;background-image:url(/images/login.png)}.Login-Company{position:absolute;display:flex;justify-content:center;align-content:center;width:452px;height:128px;top:32px}.Login-Logo{background-image:url(/images/logo.png);background-size:100% 100%;width:128px;height:128px}.Login-Title{margin-top:180px;font-family:Titillium Web,sans-serif;font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#7e8498}.Login-Input{margin-top:0;width:300px;height:24px;border:solid 1px #dddbc0;background-color:#fcfbf0;color:#b8b487;padding:8px;font-family:Titillium Web,sans-serif;font-size:12px;font-weight:500}.Login-Button{display:inline-block;text-align:center;width:300px;height:44px;border-radius:3px;background-color:#2e2d27;color:#fff;cursor:pointer;margin-top:32px}.Login-Button-Text{padding-top:0;margin-top:8px;font-family:Titillium Web,sans-serif;font-weight:500}.Layout-Main{display:grid;grid-template-columns:280px auto}.Layout-SideMenu{margin:0;padding:0;width:280px;height:100%}.Layout-Contents{margin:16px;border-radius:8px;background-color:#fff;padding:8px;min-height:100%;box-shadow:0 0 16px #0000001a}.Layout-Contents-Mobile{border-top:1px solid black;margin:8px 0 0;padding:8px}.TopMenu{width:100%}.TopMenu-Admin{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;width:100%}.TopMenu-Item{display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid lightgray;height:50px;text-align:center}.M-TopMenu-Title{width:100%;height:64px;font-size:32px;font-weight:700;border-bottom:solid 2px black;cursor:pointer}.M-TopMenu-Info{display:grid;grid-template-columns:1fr 1fr}.M-TopMenu-Info-LR{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:8px;cursor:pointer}.M-TopMenu-UP-1{display:flex;justify-content:center;align-items:center;background-color:#9564e2;width:100%;height:32px;color:#fff;font-size:22px}.M-TopMenu-UP-2{display:flex;justify-content:center;align-items:center;background-color:#49bf67;width:100%;height:32px;color:#fff;font-size:22px}.M-TopMenu-Down{display:flex;justify-content:center;align-items:center;background-color:#dbdbdb;width:100%;height:32px;font-size:12px}.M-TopMenu-Info2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:8px}.M-TopMenu-Info-4{display:flex;justify-content:center;flex-direction:column;align-items:center}.M-TopMenu2-UP{display:flex;justify-content:center;align-items:center;width:100%;background-color:#5a5c69;border:solid 1px #5a5c69;color:#fff;font-size:12px;height:24px}.M-TopMenu2-Down{display:flex;justify-content:center;align-items:center;width:100%;border:solid 1px #5a5c69;font-size:10px;height:24px;font-weight:700}.SideMenu-Area{position:fixed;left:0;top:0;width:280px;height:100%;transition:left .2s;z-index:3}.SideMenu-Area.Hide{left:-280px;transition:left .2s}.SideMenu-ul{list-style-type:none;padding-left:14px}.SideMenu-Button-Logout{width:100px;height:31px;margin:0 8px;border:0;border-radius:3px;background-color:#9a9787;color:#fcfbf0;text-align:center;cursor:pointer}.SideMenu-P-Location-Server{margin:0;text-align:center;color:#fff;font-size:18px}.SideMenu-Area-P-Location{position:absolute;width:280px;height:20px;margin:0;padding:0;border:0;top:114px}.SideMenu-Area-Logo{position:relative;width:100%;height:150px;margin:0;border:0;background-color:#20b2aa;cursor:pointer}.SideMenu-Logo{display:flex;justify-content:center;align-items:center;background-image:url(/images/logo.png);background-size:100% 100%;width:100px;height:100px;margin-top:16px}.SideMenu-Category{position:relative;display:flex;list-style-type:none;padding-left:0;line-height:2.4;font-size:15px;font-weight:500;font-stretch:normal;font-style:normal;cursor:pointer;color:#d1cfc6}.SideMenu-Category-Folder{mask:url(/images/Ico_Listdown.svg) no-repeat center;width:12px;height:12px;margin-right:16px;margin-top:12px;margin-left:auto;align-items:flex-end;transition:all .2s;background-color:#d1cfc6;transform:rotate(-90deg)}.SideMenu-Category-Folder.select{background-color:#eee}.SideMenu-Category-Folder.expanded{transform:rotate(0)}.SideMenu-Menu{list-style-type:none;padding-left:0;line-height:2.4;font-size:15px;font-weight:500;font-stretch:normal;font-style:normal;display:flex;cursor:pointer;color:#d1cfc6}.SideMenu-Menu.select{color:#eee}.SideMenu-Agent-Info{margin-left:16px;margin-bottom:16px;color:#fff}.Contents-Title{padding-left:4px;border-bottom:1px solid #dddbc0}.Contents-Search{padding:4px;border-bottom:1px solid #dddbc0}.Contents-Member-Commission-Input{width:48px;text-align:right;padding:0}.Contents-Member-MsgAll-Area{display:flex;flex-direction:column;justify-content:flex-start;width:600px}.Contents-Alarm-Sound-Area{display:flex;justify-content:left;align-items:center;margin-bottom:4px}.Contents-Setting-Customer-Name{width:200px;text-align:center}.Contents-Setting-Customer-Title{width:530px;text-align:center}.Contents-Setting-Customer-Contents{width:640px;height:240px}.Contents-Setting-Function{display:flex;justify-content:space-between;width:870px;margin:16px}.Contents-LimitTime-Note{background-color:#d1e4f3;border:solid 1px rgb(153,196,234);font-size:12px;padding:8px}.Contents-LimitTime-Example{font-size:12px;font-style:italic;margin-top:10px;padding:8px;border:solid 1px lightgray;border-left:solid 3px lightgray}.Contents-Statistics-Area{width:90%;background-color:#f0fcb8;border:solid 1px #BDCF79;padding:8px;font-size:11px;font-weight:700}.PopupDimmed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;background-color:#00000080}.PopupArea{position:fixed;top:0;left:0;width:100%;height:100%}.Popup-Top{position:relative;display:flex;width:100%;height:64px;border-bottom:1px solid rgba(0,0,0,.1)}.Popup-Bottom{display:flex;justify-content:center;align-items:center;width:100%;height:64px;border-top:1px solid rgba(0,0,0,.1);margin-top:16px}.Popup-Title{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:18px;flex-wrap:wrap}.PopupScroll{height:640px;overflow-y:auto}.Popup-Close{position:absolute;display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%}.Popup-Close-Base{position:relative;width:30px;height:30px;z-index:15;cursor:pointer;margin-right:16px}.Popup-Close-Left{height:4px;width:30px;position:absolute;margin-top:14px;background-color:#f4a259;border-radius:2px;transform:rotate(-45deg);transition:all .1s ease-in}.Popup-Close:hover .Popup-Close-Left{transform:rotate(45deg);background-color:#f25c66}.Popup-Close-Right{height:4px;width:30px;position:absolute;margin-top:14px;background-color:#f4a259;border-radius:2px;transform:rotate(45deg);transition:all .1s ease-in}.Popup-Close:hover .Popup-Close-Right{transform:rotate(135deg);background-color:#f25c66}.Popup-CreateMember{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;z-index:10;display:flex;flex-direction:column;width:800px;font-size:16px}.Popup-CreateMember-Area-Input{display:flex;flex-direction:column;padding:0 32px}.Popup-CreateMembers{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;z-index:10;display:flex;flex-direction:column;width:800px;font-size:16px}.Popup-CreateMembers-Area-Input{display:flex;flex-direction:column;padding:0 32px}.Popup-CreateMembers-Select{width:50px}.Popup-Message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;z-index:10;display:flex;flex-direction:column;width:600px;font-size:16px}.Popup-Message-Area-Input{display:flex;flex-direction:column;padding:0 32px}.Popup-Message-Area-Text-Area{height:100px}.Popup-Support,.Popup-Trade{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;z-index:10;display:flex;flex-direction:column;width:600px;font-size:16px}.Popup-Trade-Area-Input{display:flex;flex-direction:column;padding:0 32px}.Popup-Trade-Button{width:80px;height:24px;font-size:14px;font-weight:700}@media (max-width: 768px){.Popup-Message,.Popup-Trade,.Popup-CreateMember,.Popup-CreateMembers{width:calc(100% - 16px)}.Popup-Trade-Button{min-width:40px;width:70%;font-size:10px}.Popup-Trade-Area-Input,.Popup-CreateMember-Area-Input,.Popup-CreateMembers-Area-Input{padding:0 16px}.Popup-Trade{font-size:12px}}.Popup-Member{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;z-index:10;display:flex;flex-direction:column;width:800px;font-size:16px}.Popup-Member-Area-Input{display:flex;flex-direction:column;padding:0 32px}@media (max-width: 768px){.ScrollAble{width:100%;overflow-x:auto;white-space:nowrap}}