html,body {height:100%;margin:0;overflow:hidden;background:#f4f8fc;color:#17365d;font-family:"Malgun Gothic","Noto Sans KR",sans-serif;}
* {box-sizing:border-box;}
#filebox {height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#f4f8fc;}
#filebox .header {height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#082c62,#087fd0);box-shadow:0 8px 22px rgba(7,53,102,.18);}
#filebox .header .xl,#filebox .header .xr {float:none;display:flex;align-items:center;}
#filebox .header .xl {flex:0 0 auto;margin-right:auto;}
#filebox .header .popup-title {margin:0;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.5px;white-space:nowrap;}
#filebox .header .cupload {display:flex;align-items:center;padding:0;}
#filebox .header .cupload form {display:flex;align-items:center;gap:8px;margin:0;}
#filebox .header .file {width:230px;height:38px;padding:6px;border:1px solid rgba(255,255,255,.5);border-radius:9px;background:#fff;color:#334e68;}
#filebox .header .dupload {font-size:12px;}
#filebox .header .dupload a {color:#fff;text-decoration:none;}
#filebox .bar {flex:0 0 52px;height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dbe7f3;}
#filebox .bar .xl,#filebox .bar .xr {float:none;display:flex;align-items:center;gap:8px;}
#filebox .bar .xl img {position:static;opacity:.55;}
#filebox .bar .dragstr {font-size:12px;color:#6d8299;}
#filebox .body {flex:1;min-height:0;height:auto;padding:20px 22px 0;}
#filebox .body .fbox {height:100%;padding:0;background:#fff;border:1px solid #dbe7f3;border-radius:14px;box-shadow:0 10px 28px rgba(24,70,120,.08);overflow:hidden;}
#filebox .body .fbox .title {height:48px;padding:0 16px;display:flex;align-items:center;background:#f0f7ff;border-bottom:1px solid #dbe7f3;}
#filebox .body .fbox .title .info {position:static;font-size:12px;color:#516b86;}
#filebox .body .fbox .title .b {color:#0684d8;font-weight:700;}
#filebox .body .fbox .ibox {height:calc(100% - 48px);margin:0;padding:10px 14px;overflow:auto;background:#fff;border:0;}
#filebox .body .fbox .ibox input {display:none;}
#filebox .body .fbox .ibox ul {margin:0;padding:0;}
#filebox .body .fbox .ibox li {list-style:none;margin:3px 0;padding:10px 12px;border:1px solid transparent;border-radius:8px;cursor:move;font-size:13px;color:#24415f;}
#filebox .body .fbox .ibox li:hover {background:#f0f7ff;border-color:#cfe2f5;}
#filebox .body .fbox .ibox li img {vertical-align:middle;margin-right:8px;}
#filebox .body .fbox .ibox li span {margin-left:6px;font-size:11px;color:#8294a7;}
#filebox .empty-state {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7a8fa5;text-align:center;}
#filebox .empty-state strong {font-size:15px;color:#315477;}
#filebox .empty-state span {font-size:12px;}
#filebox .footer {flex:0 0 72px;height:72px;margin-top:auto;padding:16px 0;background:transparent;text-align:center;}
.jusq-btn {height:38px;padding:0 18px;border:0!important;border-radius:9px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:none!important;outline:0;}
.jusq-btn.primary {background:#0787dc;color:#fff;box-shadow:0 7px 16px rgba(7,135,220,.22)!important;}
.jusq-btn.primary:hover {background:#006fbd;}
.jusq-btn.ghost {background:#e9f1f8;color:#3b5875;}
.jusq-btn.ghost:hover {background:#dce8f3;}
#progress {display:none;position:absolute;z-index:50;width:430px;top:150px;left:50%;transform:translateX(-50%);padding:20px;border:1px solid #b8d3ec;border-radius:14px;background:#fff;box-shadow:0 20px 45px rgba(15,49,84,.25);opacity:.96;}
#progress td {height:24px;}
#progress .td1 {width:70px;color:#526b84;}
#progress .td2 {width:300px;}
#progress .td3 {width:45px;}
#progress .bggrap {display:block;width:290px;height:9px;border:0;border-radius:9px;background:#e5edf5;overflow:hidden;}
#progress .grap {display:block;width:0;height:100%;background:#0787dc;}
