 #popup-modal-bg{display:none;position:fixed;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh;opacity:0.5;background:#000;z-index:9999}#popup-modal-bg .loading-mark{display:none;background:url(/img/loading/progress3.gif) no-repeat center;width:200px;height:200px;opacity:0.3}#popup-modal-bg.loading{z-index:20000}#popup-modal-bg.loading .loading-mark{display:inherit}#popup-modal-bg .text{color:#fff;font-size:38px}.popup-templete{display:none}.popup{position:absolute;top:0;left:0;background:#fff;display:none;box-shadow:2px 2px 20px #444;border-radius:5px;z-index:10000}// .popup > form{padding-bottom:30px}.popup .hd{width:100%;height:65px;border-bottom:solid 1px #e5edf1;padding-top:4px;padding-left:30px}.popup.modal.draggable .hd{cursor:move}.popup.window .hd h1{display:inline-block;width:100%;color:#286aa0;font-family:'Noto Sans KR';font-size:24px;padding:16px 20px 0 0}.popup.window .hd h1 a.chevron{color:#777;opacity:0.5}.popup.window .hd h1 a.chevron:hover{opacity:1}.popup.window .hd h1 > .links{position:relative;top:-3px;margin-left:30px}.popup.window .hd h1 > .links > .flat-button:hover{background:#338BD3;color:#fff}.popup.window .hd h1 > .links > .flat-button{color:#000;font-family:'Nanum Gothic';font-weight:600;font-size:13px;background:#cbe4f1;height:31px;border-radius:3px;margin-right:10px;cursor:default;transition:background-color 0.1s}.popup .hd .btn-popup-close:hover{opacity:1;border:solid 1px #ccc}.popup .hd .btn-popup-close:active{opacity:1}.popup .hd .btn-popup-close{background:url(/img/icons1.png) no-repeat -459px -50px;width:40px;height:40px;display:inline-block;position:absolute;top:13px;right:10px;cursor:pointer;opacity:0.5;border:solid 1px #fff;border-radius:5px}.popup .bd{float:left;width:100%;padding:29px 30px;max-height:calc(100vh - 200px);overflow:hidden;overflow-y:auto;position:relative}.popup .bd h1{position:relative;display:inline-block;font-weight:normal;margin-top:15px;margin-bottom:40px}.popup.window .bd > .btns{padding-top:25px;float:left;width:100%}.popup.window .btns .flat-button{margin-right:15px;min-width:80px}.popup.window .btns .flat-button:last-child{margin-right:0}.popup.window .btns a.flat-button,.popup.window .btns span.flat-button{padding-top:5px}.popup.window .pagination{margin-top:20px;margin-bottom:15px}.popup input[type=text],.popup input[type=hidden],.popup input[type=email],.popup input[type=tel]{}.popup select{}.popup textarea{vertical-align:top}.popup.modal.dialog{z-index:20000}.popup.dialog .btns{text-align:center}.popup.dialog .btns .flat-button{margin-left:20px;font-size:16px;height:40px}.popup.dialog .msg{padding:40px 50px;font-size:18px;line-height:30px;min-width:550px}.popup .waiting-div{display:none;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0.5;background:#000;z-index:99}.popup .waiting-div .loading-mark{background:url(/img/loading/progress3.gif) no-repeat center;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0.3}.popup-win .v-ttl:before{content:'';display:inline-block;background:url(/img/icons1.png) no-repeat;background-position:-123px -82px;width:10px;height:8px;margin-right:6px;position:relative;top:-1px}.popup-win .v-ttl.black:before{background-position:-133px -82px}.popup-win .v-ttl.green:before{background-position:-143px -82px}.popup-win .v-ttl{font-weight:bold;margin-bottom:3px}.popup-win .hd{width:100%;height:50px;background:#297eea url(/img/popup.png) no-repeat right top;padding-top:7px}.popup-win .hd .tx{display:inline-block;color:#fff;font:24px/20px "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;padding:7px 0 0 15px}.popup-win .hd .tx.right{float:right;margin-right:15px}.popup-win > h1{display:inline-block;position:fixed;top:0;left:0;right:0;height:60px;background:#366BDE;color:#fff;padding:18px 20px 0 20px;z-index:2}.popup-win > h1 .right{position:absolute;top:0;right:0;bottom:0;width:50%;background:#3972EF;text-align:right;padding-right:20px;padding:18px 20px 0 20px}.popup-win > h1 .right .uibutton{top:-3px}.popup-win > h1 .txt{font-size:18px;margin-left:10px;position:relative;top:-3px;z-index:1}.popup-win > h1 .txt a{color:#fff;text-decoration:underline}.popup-win > h1 .admin-btn{position:absolute;top:15px;right:20px}.popup-win > h1 .admin-btn .uibutton{float:left;margin-left:7px}.popup-win .hd .close-btn{position:absolute;float:left;color:#fff;top:0;right:0;padding:8px 12px 5px 10px;text-decoration:none;width:52px;height:50px;background:url(/img/popup.png) repeat -2px -59px;border:solid 1px transparent;border-left:1px solid #5498ee}.popup-win .hd .close-btn:active{border:solid 1px #647FB9}.popup-win .hd .close-btn:hover .icon-popup-close{background-position:-120px -114px}.popup-win .cont{padding:15px;padding-bottom:0}.popup-win .bt-btns:after{content:'';display:block;clear:both}.popup-win .bt-btns{padding:8px 10px;background:#eee;margin-top:5px;position:fixed;width:100%;bottom:0}.popup-win .bt-btns .uibutton-group{margin-left:0}.popup-win .bt-btns .uibutton-group li{margin-left:0;margin-right:5px}.popup-win .bt-btns .uibutton-group li:last-child{margin-right:0}.popup-win .btns .flat-button{margin-right:20px}.popup-win .btns .flat-button{margin-left:0}.popup-win .btns .flat-button{margin-right:20px}.popup-win .btns .flat-button:last-child{margin-right:0}.popup-menu{position:absolute;border:solid 1px #777;border-bottom:solid 2px #293D6A;background-color:#fff;padding:5px 0;z-index:10;margin-top:4px;min-width:100px;font-weight:normal;min-width:180px}.popup-menu ul.menu > li.hr{display:block;margin:4px 0;padding:0;height:1px;border-top:solid 1px #ccc}.popup-menu ul.menu{text-align:left}.popup-menu ul.menu > li{display:block;border-bottom:solid 1px #fff}.popup-menu ul.menu > li .item:hover{background-color:#ddd}.popup-menu ul.menu > li.checked:before{content:'',position:absolute;display:inline-block;background-image:url(/img/icons1.png);background-position:-113px -82px;width:10px;height:8px;margin-left:-17px;margin-top:6px}.popup-menu ul.menu > li > .item{display:inline-block;width:100%;color:#111;text-decoration:none;padding:2px 60px 2px 25px;cursor:pointer}.popup-menu ul.menu > li input[type=text]{margin:5px 25px}.popup-menu ul.menu > li input[type=checkbox]+label.t2{padding-left:25px;position:relative;top:-1px}.popup-menu ul.menu > li input[type=checkbox]+label.t2:hover{text-decoration:underline;cursor:pointer}