body {}

.wrap {max-width: 1400px !important; margin: 0 auto;overflow: hidden;}

.btn {padding: 30px; padding-top: 50px;}
.btn:nth-child(n+2) {padding-top: 0px;}
.btn button {width: 100px; height: 30px; background-color: #eee; border-radius: 5px; margin-right: 10px;}
select {width: 100px; height: 30px; background-color: #eee; border-radius: 5px; margin-right: 10px; border: 0 solid; font-size: 12px; padding-left: 10px;}
input[type="color"] {width: 100px; height: 30px; background-color: #eee; border-radius: 5px; margin-right: 10px; display: inline-block; border: 0; padding: 2px; cursor: pointer;}



#container {margin-top: 20px;background-color: #f0f0f0; height: 500px !important;}

#container:focus{
    outline: none;
}

.img_wrap {display: inline-block;vertical-align: middle;}
.img_wrap label {display: inline-block; width: 100px; height: 30px; background-color: #eee; border-radius: 5px; margin-right: 10px; display: flex; justify-content: center; align-items: center;}
.img_wrap input[type="file"] {display: none;}




/* 마우스 메뉴 */

.context-menus {
  position: absolute;
  display: none;
  border: 1px solid black;
  width: 100px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
.context-menus ul {width: 100%; height: 100%;}
.context-menus ul li {width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; }

.context-menus.active {
  display: block;
  background-color: white;
}

.context-menus.active>ul>li {
  list-style: none;
}

.context-menus.active>ul>li:hover {
  background-color: #eee;
}