*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f6f8fb;color:#344054;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif}
#widgetbox{width:100%;min-width:620px;background:#f6f8fb}
#widgetbox .header{display:flex;align-items:center;height:72px;padding:0 22px;border:0;background:linear-gradient(135deg,#243a55 0%,#2d4c70 100%)}
#widgetbox .header h1{float:none;flex:0 0 auto;margin:0;padding:0 24px 0 0;color:#fff;font-family:inherit;font-size:25px;line-height:1.2;letter-spacing:-1px}
#widgetbox .header .guide{float:none;margin:0;padding:0 0 0 22px;border:0;border-left:1px solid rgba(255,255,255,.22);color:#bdc9d8;font-family:inherit;font-size:11px;line-height:1.65}
#widgetbox .line1,#widgetbox .line2,#widgetbox .line3{display:none}
#widgetbox .category{float:left;width:205px;height:458px;margin:0;border:0;border-right:1px solid #dfe6ee;background:#fff;overflow-x:hidden;overflow-y:auto}
#widgetbox .category .tree{margin:0;padding:20px 10px 22px}
#widgetbox .category .tree .dir01{min-height:23px;padding:2px 0;color:#344054;line-height:19px;white-space:nowrap}
#widgetbox .category .tree .dir01 a{color:#344054;text-decoration:none}
#widgetbox .category .tree .dir01 a:hover{color:#087dcc;text-decoration:none}
#widgetbox .category .tree .dir01 .alldir{color:#344054}
#widgetbox .category .tree .dir01 .nowdir{color:#087dcc;font-weight:700}
#widgetbox .category .tree .dir01 img{position:relative;top:1px;border:0;vertical-align:middle}
#widgetbox .content{height:408px;margin-left:205px;padding:24px 20px 20px;background:#fff;overflow-x:hidden;overflow-y:auto}
#widgetbox .content .none{padding:75px 0 0;color:#98a2b3;font-family:inherit;font-size:14px;text-align:center}
#widgetbox .content .none img{position:relative;top:1px;margin-right:5px;border:0}
#widgetbox .footer{clear:both;height:50px;padding:10px 0 0;border:0;border-top:1px solid #dfe6ee;background:#f6f8fb;text-align:center}
#widgetbox .footer input,#widgetbox .content #mjointbox .btnbox input{height:31px!important;margin:0 2px!important;padding:0 14px!important;border:0!important;border-radius:5px!important;color:#fff!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:31px!important;cursor:pointer!important;box-shadow:none!important;outline:0!important}
#widgetbox .footer .btngray,#widgetbox .content #mjointbox .btnbox .btngray{background:#7f8997!important}
#widgetbox .footer .btngray:hover,#widgetbox .content #mjointbox .btnbox .btngray:hover{background:#667180!important}
#widgetbox .content #mjointbox .btnbox .btnblue{background:#0b8bd3!important}
#widgetbox .content #mjointbox .btnbox .btnblue:hover{background:#0878b8!important}

/* 모든 기존 위젯 admin.php 화면을 동일한 양식으로 정돈 */
#widgetbox .content #mjointbox{width:100%!important;max-width:410px!important;margin:0!important;color:#344054!important;font-family:inherit!important}
#widgetbox .content #mjointbox .title{margin:0 0 18px!important;padding:0 0 12px!important;border:0!important;border-bottom:1px solid #e4e9ef!important;color:#202938!important;font-family:inherit!important;font-size:13px!important;line-height:1.6!important}
#widgetbox .content #mjointbox table{width:100%!important;border-collapse:collapse!important;border-spacing:0!important}
#widgetbox .content #mjointbox td{height:auto!important;padding:5px 0!important;border:0!important;background:transparent!important;color:#344054!important;font-family:inherit!important;font-size:12px!important;line-height:30px!important;vertical-align:top!important}
#widgetbox .content #mjointbox .td1{width:100px!important;padding-right:8px!important;color:#475467!important;letter-spacing:-1px!important;white-space:nowrap!important}
#widgetbox .content #mjointbox .td2{width:12px!important;padding-right:10px!important;color:#c0c7d1!important}
#widgetbox .content #mjointbox .td3{width:auto!important;white-space:normal!important}
#widgetbox .content #mjointbox .td4{padding:7px 0 4px!important;color:#8a96a8!important;font-size:11px!important;line-height:1.55!important}
#widgetbox .content #mjointbox .td5{height:7px!important;padding:0!important}
#widgetbox .content #mjointbox input[type=text],#widgetbox .content #mjointbox input[type=password],#widgetbox .content #mjointbox input[type=file],#widgetbox .content #mjointbox select,#widgetbox .content #mjointbox textarea{max-width:100%!important;min-height:30px!important;padding:5px 8px!important;border:1px solid #cfd8e3!important;border-radius:5px!important;background:#fff!important;color:#344054!important;font-family:inherit!important;font-size:12px!important;line-height:18px!important;box-shadow:none!important;outline:0!important}
#widgetbox .content #mjointbox input[type=text]:focus,#widgetbox .content #mjointbox input[type=password]:focus,#widgetbox .content #mjointbox select:focus,#widgetbox .content #mjointbox textarea:focus{border-color:#5ba9dc!important;box-shadow:0 0 0 2px rgba(11,139,211,.10)!important}
#widgetbox .content #mjointbox select{height:30px!important;padding:0 7px!important}
#widgetbox .content #mjointbox input[type=checkbox],#widgetbox .content #mjointbox input[type=radio]{width:auto!important;height:auto!important;min-height:0!important;margin:0 4px 0 3px!important;padding:0!important;vertical-align:-2px!important}
#widgetbox .content #mjointbox label{color:#667085!important;font-family:inherit!important;font-size:11px!important;line-height:30px!important}
#widgetbox .content #mjointbox img{max-width:100%;border:0}
#widgetbox .content #mjointbox .btnbox{width:100%!important;margin:20px 0 0!important;padding:18px 0 0!important;border:0!important;border-top:1px solid #e4e9ef!important;text-align:center!important}
#widgetbox .content #mjointbox .preview{margin-left:auto!important;margin-right:auto!important}

@media(max-width:680px){#widgetbox{min-width:0}#widgetbox .header{padding:0 15px}#widgetbox .header h1{font-size:21px;padding-right:14px}#widgetbox .header .guide{padding-left:14px}#widgetbox .category{width:185px}#widgetbox .content{margin-left:185px;padding:20px 14px}#widgetbox .content #mjointbox .td1{width:88px!important}}
