@charset "UTF-8";

/* admin style
 * @latest 2020.03.18 ssj
*/

@font-face {
  font-family:'FontAwesome';
  src:url('/font/wzwg/cmm/fontawesome-webfont.eot?v=4.6.3');
  src:url('/font/wzwg/cmm/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/font/wzwg/cmm/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/font/wzwg/cmm/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/font/wzwg/cmm/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/font/wzwg/cmm/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight:normal;
  font-style:normal;
}


.context-menu-icon::before {}
.context-menu-icon.context-menu-hover:before {color:#fff;}
.context-menu-icon.context-menu-disabled::before {color:#bbb;}

.context-menu-icon.context-menu-icon--fa {display:list-item;}
.context-menu-icon.context-menu-icon--fa::before {position:absolute; top:50%; left:0; width:2em; 
                                                  font-family:FontAwesome; font-size:1em;
                                                  font-style:normal; font-weight:normal; line-height:1; color:#2980b9; text-align:center;
                                                  -webkit-transform:translateY(-50%);
                                                      -ms-transform:translateY(-50%);
                                                       -o-transform:translateY(-50%);
                                                          transform:translateY(-50%);
                                                  -webkit-font-smoothing:antialiased;
                                                  -moz-osx-font-smoothing:grayscale;
                                                }
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before {color:#fff;}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {color:#bbb;}

.context-menu-root {z-index:99; margin:0;}
.context-menu-list {position:absolute; display:inline-block; min-width:214px; /* max-width:26em; */ padding:45px 0 0; margin:.3em;
                    font-family:inherit; font-size:inherit; list-style-type:none; background:#fff; background:#1b1b1b; border-bottom:1px solid #dadce0;}
.context-menu-list:before {content:"위젯 설정"; position:absolute; top:0; line-height:45px; color:#fff; font-size:16px; padding-left:20px;}
.context-menu-item {position:relative; padding:6px 20px; color:#2f2f2f; background:#fff; width:100%; box-sizing:border-box; 
                    font-size:15px; line-height:150%; letter-spacing:-0.5px; border:1px solid #dadce0; border-width:0 1px;
                    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.context-menu-icon-close {position:absolute; right:0; top:0; width:45px; height:45px;
                          text-indent:-9999px; overflow:hidden; box-sizing:border-box; padding:0; border:none;
                          background:transparent; background:url(/widesign/img/pop-close.png) no-repeat center;}
.context-menu-icon-close.context-menu-hover {background-color:transparent !important;}
.context-menu-item span div input[type="text"] {width:100% !important;}
.context-menu-separator {padding:0; border-bottom:1px solid #ececec;}

.context-menu-item > label > input,
.context-menu-item > label > textarea {-webkit-user-select:text;
                                         -moz-user-select:text;
                                          -ms-user-select:text;
                                              user-select:text;
                                      }

.context-menu-input.context-menu-hover {cursor default;}
.context-menu-item.context-menu-hover {color:#fff; cursor:pointer; background-color:#0379bf;}
.context-menu-item.context-menu-disabled {color:#bbb; cursor:default;  background-color:#fff;}
.context-menu-submenu:after {position:absolute; top:50%; right:20px; z-index:1; width:0; height:0; margin-top:-9px; content:"\276F";}




/*** Inputs*/
.context-menu-item.context-menu-input {padding:.3em .6em;}

/* vertically align inside labels */
.context-menu-input > label > * {vertical-align:top;}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {position:relative; top:.12em;  margin-right:.4em;}

.context-menu-input > label {margin:0;}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {display:block;
                                      width:100%; 
                                      -webkit-box-sizing:border-box;
                                         -moz-box-sizing:border-box;
                                              box-sizing:border-box;
                                      }

.context-menu-input > label > textarea {height:7em;}

.context-menu-item > .context-menu-list {display:none; padding-top:0; border-top:1px solid #dadce0;
                                          -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.2);
                                          box-shadow:2px 1px 8px rgba(0,0,0,.2);
                                        }

.context-menu-item.context-menu-visible > .context-menu-list {display:block;}

.context-menu-accesskey {text-decoration:underline;}



.menuImgHint {font-size:14px;}
.menuImgHint img {float:left; vertical-align:middle; margin-top:1px; margin-left:-21px;}
.menuImgHint .hint_pop {display:none; background:#fff; width:260px; padding:7px 10px 7px 35px;
                        position:absolute; top:0px; right:1px; margin-right:-261px;
                        border:1px solid #ddd; border-left:0; box-sizing:border-box;
                        font-size:14px; color:#999; line-height:18px;
                        -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.2); box-shadow:2px 1px 8px rgba(0,0,0,.2);}
.context-menu-item.context-menu-hover .hint_pop {display:inline; }
.context-menu-item.context-menu-hover .menuImgHint {color:white;}
.context-menu-item.context-menu-hover .menuImgHint .hint_pop {color:#999;}