/**********************
	common
***********************/
body {-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;font-family: 'Noto Sans KR', sans-serif;}

ul {padding:0px;margin:0px}
li {padding:0px;margin:0px;margin-bottom:15px}

h1, h2, h3, h4, h5 {padding:0px;margin:0px}

.btn2 {outline:none !important;border-width:1px}
.btn2:hover {outline:none !important;-webkit-filter: brightness(90%); /* Safari */ filter: brightness(90%);}
.btn2:active {outline:none !important;-webkit-filter: brightness(70%); /* Safari */ filter: brightness(70%);}


.tool-box {width:95px;height:auto;border:solid 1px #ddd;border-radius:10px;background:#fff;box-shadow: 2px 2px 20px rgba(0,0,0,0.2);overflow:hidden}
.tool-box .header {height:40px;border-bottom:solid 1px #eee;border:solid 1px #efefef}
.tool-box .header .title {line-height:40px;padding-left:10px;font-weight:600;font-size:15px}
.tool-box .header .btn-header {width:29px;background:transparent;padding:8px 0px 10px 10px;cursor:pointer}
.tool-box .header .btn-header i{font-size:14px;color:#666;padding-top:5px}
.tool-box .header .btn-header:hover i {color:#888 !important}
.tool-box .header .btn-header.btn-drag {cursor:move}
.tool-box .header .btn-header.btn-close {padding-top:6px;padding-bottom:9px}
.tool-box .header .btn-header.btn-close i {font-size:18px !important}

.absolute {position:absolute;left:0px;top:0px}
.btn-default {border:solid 1px #dddddd}


input.pp-text-align {font-size:10px}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

.nwgrip, .negrip, .swgrip, .segrip, .ngrip, .egrip, .sgrip, .wgrip {width: 10px;height: 10px;background-color: rgba(255,255,255,0.8);border: 1px solid #87c69d;display:none}
.nwgrip {left: -5px;top: -5px;}
.negrip{top: -5px;right: -5px;}
.swgrip{bottom: -5px;left: -5px;}
.segrip{bottom: -5px;right:-5px;}
.ngrip{top: -5px;left:calc(50% - 5px);}
.sgrip{bottom: -5px;left:calc(50% - 5px);}
.wgrip{left:-5px;top:calc(50% - 5px);}
.egrip{right:-5px;top:calc(50% - 5px);}

.layer-ngrip, .layer-sgrip {width:30px;height:14px;background-color: rgba(255,255,255,1.0);border: 1px solid #999;border-radius:2px;display:none}
.layer-ngrip {top:0px;left:calc(50% - 14px);}
.layer-sgrip {bottom:0px;left:calc(50% - 14px);}

/* select2 */
.select2-container {z-index:9999}

td {position:relative;}
/* td input, td button {position:absolute;top:0px;height:100%;} */


/**********************
	main body
***********************/
.main-body-wrap {}
.main-body-wrap .layer-body {position:absolute;z-index:1;top:50px;right:50%;transform: translate(50%)}
.main-body-wrap .layer-body .layer-list {position:relative;overflow:hidden}

.main-body-wrap .layer-body .layer {position:relative;width:1024px;min-height:50px;height:auto;overflow:hidden}
.main-body-wrap .layer-body .layer.tmp_bg {background-image: url('/include/images/layer-bg.png');background-repeat: repeat;background-position: center}

.main-body-wrap .layer-body .layer .btn-resize-down {position:fixed;bottom:-10px;left:50%;width:30px;height:20px;background:#fff;border:solid 1px #ccc;border-radius:5px;box-shadow: 2px 2px 10px rgba(0,0,0,0.2);text-align:center;color:#888;cursor:move}
.main-body-wrap .layer-body .layer.on {}

.main-body-wrap .layer-body .btn-resize-down {position:fixed;bottom:-10px;left:50%;width:30px;height:20px;background:#fff;border:solid 1px #ccc;border-radius:5px;box-shadow: 2px 2px 10px rgba(0,0,0,0.2);text-align:center;color:#888;cursor:move}


.main-body-wrap .layer-body .grid-stack {padding:0px;margin:0px}
.main-body-wrap .layer-body .grid-stack-item-content {color: #2c3e50;text-align: center;padding:0px}
.main-body-wrap .layer-body .grid-stack > .grid-stack-item > .grid-stack-item-content{left: 5px;right: 0px;}

.main-body-wrap .layer-body .grid-stack-item {}

.main-body-wrap .layer-body .grid-wrap {border:dotted 2px rgba(255,0,0,0.0);width:100%;height:100%;border-radius:5px;padding:2px;overflow:hidden}
.main-body-wrap .layer-body .grid-blind {position:absolute;left:0px;top:0px;width:100%;height:100%;background:transparent;z-index:auto;cursor:move}
.main-body-wrap .layer-body .grid-title {float:left;width:90px;padding-left:10px}
.main-body-wrap .layer-body .grid-body {float:left;width:calc(100% - 90px);padding-right:10px}

.main-body-wrap .layer-body .grid-stack-item {cursor:move}
.main-body-wrap .layer-body .grid-stack-item .remove {position:absolute;left:1px;top:-6px;width:20px;height:20px;border-radius:10px;background:#ff0000;color:#fff;text-align:center;padding-top:1px;opacity:0.7;display:none;cursor:pointer}

.main-body-wrap .body-grid.body-grid-vertical {position:fixed;z-index:1;top:50px;left:50%;width:1024px;height:100%;transform: translate(-50%);text-align:center;pointer-events:none}
.main-body-wrap .body-grid.body-grid-vertical .left {position:absolute;left:0px;top:0px;width:1px;height:100%;border-left:dashed 1px #000;background:#fff;}
.main-body-wrap .body-grid.body-grid-vertical .center {position:absolute;left:50%;transform: translate(-50%);top:0px;width:1px;height:100%;border-left:dashed 1px rgba(255,0,0,0.3);}
.main-body-wrap .body-grid.body-grid-vertical .right {position:absolute;right:0px;top:0px;width:1px;height:100%;border-right:dashed 1px #000;background:#fff;}
.main-body-wrap .body-grid.body-grid-horizon-line {position:absolute;left:0px;top:0;border:0px;border-top:dashed 1px #000;background:#fff;width:100%;height:1px}
.main-body-wrap .outline {outline:dashed 1px #000}

.main-body-wrap .layer .layer-hover {position:absolute;left:0px;top:0px;width:100%;height:100%;border:solid 3px #ff0000;pointer-events:none;display:none;z-index:2}
.main-body-wrap .layer .layer-on {position:absolute;left:0px;top:0px;width:100%;height:100%;border:solid 3px #ff0000;pointer-events:none;display:none;opacity:0.8}
.layer-header .layer-hover {position:absolute;left:0px;top:0px;width:100%;height:100%;border:solid 4px #ffff00;pointer-events:none;display:none}
.layer-header .layer-on {position:absolute;left:0px;top:0px;width:100%;height:100%;border:solid 6px #00ffff;pointer-events:none;display:none;opacity:0.8}


.main-body-wrap .obj {position:absolute;outline:dashed 0px rgba(255,0,0,0.1);min-width:30px;min-height:10px;font-weight:100 !important}
.main-body-wrap .obj.dragging {cursor: move !important;}
.main-body-wrap .form {position:absolute;outline:dashed 0px rgba(255,0,0,0.1);min-width:100px;min-height:30px}
.main-body-wrap .form.dragging {cursor: move !important;}

/* 컨텐츠를 감싸고 있는 영역, .obj-box */
.obj .obj-box, .form .form-box {outline:dashed 1px rgba(255,0,0,0.5);min-width:30px;min-height:10px}
/* 컨텐츠를 감싸고 있는 실제 컨텐츠 영역, .obj-box-body */
.obj .obj-box-body, .form .form-box-body {}
/* 컨텐츠 가이드라인, 컨텐츠가 보여지는 영역, guideline */
.obj .obj-hover, .form .form-hover {display:none}
/* 컨텐츠가 선택 되었을때, 선택 처리, obj-on */
.obj .obj-on, .form .form-on {display:none}
/* 컨텐츠 구성에 필요한 기타 객체들 */
.obj .obj-prop, .form .form-prop, .layer .layer-prop  {display:none !important}
.obj .obj-prop:not(.ui-resizable-handle), .form .form-prop:not(.ui-resizable-handle) {display:none !important;right:0px}
.obj .ui-rotatable-handle, .form .ui-rotatable-handle {display:none}
/* 컨텐츠 상단의 삭제, 이동 버튼, obj-prop-top */
/*.obj .obj-prop-top,*/
/*.form .form-prop-top {display:none}*/

/* 컨텐츠 hover */
/*.obj.hover .obj-box, .form.fhover .form-box {background:rgba(255,255,255,0) !important;}*/
.obj.hover .obj-hover, .form.fhover .form-hover {position:absolute;left:0px;top:0px;width:100%;height:100%;border:dashed 1px #6e7172;pointer-events:none;display:block}

/* 컨텐츠 on */
/*.obj.on, .form.fon {z-index:999}*/
.obj.on .obj-box, .form.fon .form-box {background:rgba(255,255,255,0.2);z-index:9999;}
.obj.on .obj-on, .form.fon .form-on {position:absolute;left:0px;top:0px;width:100%;height:100%;border:dashed 1px #6E7172;pointer-events:none;display:block;opacity:0.8;border-radius:5px;background:rgba(255, 255, 255, 0.3)}
.obj.on .obj-prop, .form.fon .form-prop, .layer.on .layer-prop  {display:block !important}
.obj.on .ui-rotatable-handle, .form.fon .ui-rotatable-handle {position:absolute;left:-20px !important;bottom:-20px !important;display:none}


.obj .obj-prop-info,
.form .form-prop-info,
.layer .layer-prop-info  {
	display:none;position:absolute;left:0px;top:0px;width:auto;text-align:left;width:100px
}

.obj .obj-info,
.form .form-info {min-width:100px;display:none}
.obj .obj-info .box-size,
.form .form-info .box-size {position:absolute;left:3px;top:3px;border-radius:10px;width:auto;height:21px;font-size:10px;font-weight:400;padding:2px 5px;background: #302b4a;color: #fff;border:solid 1px #7e7bff;display:none}
.obj .obj-info .box-angle,
.form .form-info .box-angle {position:absolute;top:-30px;left:50%;transform: translate(-50%);border-radius:10px;width:auto;height:20px;font-size:10px;font-weight:400;padding:2px 5px;background: #302b4a;color: #fff;border:solid 1px #7e7bff;display:none}

.obj.groupmode .obj-prop-top, .form.groupmode .form-prop-top {display:none !important}
.obj.groupmode .obj-prop-rotate, .form.groupmode .obj-prop-rotate {display:none !important}

.main-body-wrap .form select {width:100%;padding:0px;text-align:center}

.main-body-wrap .form  {width:auto;height:auto;left:100px;top:50px;}
.main-body-wrap .form .form-container {position:relative;width:100%;height:100%;border:dashed 1px rgba(0,0,0,0.3)}
.main-body-wrap .form .form-container .obj {width:auto;height:auto;left:10px;top:10px;}
.main-body-wrap .form.grid .form-container {background-image: url('/include/images/obj-bg.png');background-repeat: repeat;border:dashed 1px #ff0000}
.main-body-wrap .form.fhover .form-container {background-image: url('/include/images/obj-bg.png');background-repeat: repeat;border:dashed 1px #ff0000}
.main-body-wrap .form .oo-form-obj {padding:0px;height:100%}
.main-body-wrap .form .oo-form-obj table {width:100%;height:100%}
.main-body-wrap .form .oo-form-obj td {padding:0px}
.main-body-wrap .form .oo-form-obj .label {font-weight:600}
.main-body-wrap .form .oo-form-obj .label-left {width:50px}
.main-body-wrap .form .oo-form-obj .label-top {display:none}
.main-body-wrap .form .oo-form-obj input {padding-left:8px;padding-right:8px;border-radius:5px;width:100%;height:100%}
.main-body-wrap .form .oo-form-obj .custom-form {height:100%;}

.main-body-wrap .oo-form-obj-txt-textarea textarea {padding:10px !important}


.main-body-wrap .layer-widget {position:fixed;z-index:3;left:0px;top:100px;width:100%}
/* .main-body-wrap .layer-widget .layer {position:relative;width:1024px;min-height:50px;height:auto;overflow:hidden} */
.main-body-wrap .layer-widget .layer {position:absolute;min-width:100px;min-height:30px;left:532px;top:0px;width:200px;height:200px;}

/* .main-body-wrap .layer-widget .layer-list {position:relative;overflow:hidden} */
.main-body-wrap .layer-widget .layer-list {position:absolute;z-index:1;top:50px;left:50%;transform: translate(-50%)}


.main-body-wrap .layer-widget .layer.tmp_bg {background-image: url('/include/images/layer-bg.png');background-repeat: repeat;background-position: center}

.main-body-wrap .layer-widget .layer.on {}


.main-body-wrap .layer-quick {position:fixed;z-index:3;left:0px;bottom:250px;width:100%}
.main-body-wrap .layer-quick .layer {position:absolute;min-width:100px;min-height:30px;left:532px;top:0px;width:200px;height:200px;}
.main-body-wrap .layer-quick .layer.tmp_bg {background-image: url('/include/images/layer-bg.png');background-repeat: repeat;background-position: center}
.main-body-wrap .layer-quick .layer .obj-box {outline:dashed 1px rgba(255,0,0,0.1);}

.main-body-wrap .layer-quick .layer.hover .obj-box {background:rgba(255,255,255,0.5) !important;}
.main-body-wrap .layer-quick .layer.hover .obj-hover {position:absolute;left:0px;top:0px;width:100%;height:100%;border:dashed 1px #ff0000;pointer-events:none;display:block}
.main-body-wrap .layer-quick .layer.dragging {cursor: move !important;}
.main-body-wrap .layer-quick .layer-list {position:absolute;z-index:1;top:50px;left:50%;transform: translate(-50%)}


.layer-header {position:fixed;z-index:2;top:50px;left:50%;transform:translate(-50%);width:1024px;height:200px;overflow:hidden;display:none}
.layer-header.tmp_bg {background-image: url('/include/images/layer-bg.png');background-repeat: repeat;background-position: center}
.layer-bottom {position:fixed;z-index:2;bottom:0px !important;left:50%;transform:translate(-50%);width:1024px;height:200px;overflow:hidden;display:none;top:auto !important}
.layer-bottom.tmp_bg {background-image: url('/include/images/layer-bg.png');background-repeat: repeat;background-position: center}


/* '이 곳에 객채를 만들어주세요' 멘트 표시 */
.main-body-wrap .obj-ment {position:absolute;z-index:0;left:0px;top:0px;width:100%;height:100%;overflow:hidden}
.main-body-wrap .obj-ment td {text-align:center;font-size:15px;color:rgba(0,0,0,0.5);}

.layer-header .layer-wrap, .layer-bottom .layer-wrap {position:absolute;top:0px;left:50%;transform: translate(-50%);width:1024px;height:200px}


/* object button */
.obj.oo-btn {border:0px}
.obj.oo-btn .btn {pointer-events:none;width:100%;height:100%;border:0px !important}
.obj.oo-btn .obj-prop .btn {pointer-events:auto !important}
.obj.oo-btn button {box-shadow:var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur) var(--box-shadow-color)}
.obj.oo-form-obj.submit button {border:solid 1px  #ccc}
/* object shape */
.obj.oo-shape .fm-shape {box-shadow:var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur) var(--box-shadow-color);--box-shadow-offset-x:0px;--box-shadow-offset-y:0px;--box-shadow-blur:0px;--box-shadow-color:#000}
.obj.oo-text .obj-box-body .text {box-shadow:var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur) var(--box-shadow-color);--box-shadow-offset-x:0px;--box-shadow-offset-y:0px;--box-shadow-blur:0px;--box-shadow-color:#000}
.obj.oo-icons .obj-box-body .text {box-shadow:var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur) var(--box-shadow-color);--box-shadow-offset-x:0px;--box-shadow-offset-y:0px;--box-shadow-blur:0px;--box-shadow-color:#000}

.obj.oo-text .obj-box-body .text p {margin:0px;padding:0px}

/* object text */
.obj.oo-text {left:400px;top:50px;width:150px;height:auto;background:transparent;padding:0px}
.obj.oo-text .form-text-center {width:100%;height:100%;overflow-y:hidden}

.obj.oo-icons .obj-box-body {text-align:center}

/* object properties */
.obj .obj-prop-top,
.form .form-prop-top,
.layer .layer-prop-top  {
	display:none;position:absolute;right:0px;top:-45px;width:auto;text-align:right;min-width:80px
}
.obj .obj-prop-top .obj-prop-drag,
.form .form-prop-top .form-prop-drag,
.layer .layer-prop-top .layer-prop-drag  {
	border-radius:17px;width:34px;height:34px;border:solid 1px #ddd;border-bottom:0px;color:#333;cursor:move;padding:0px;text-align:center;padding-top:6px;font-size:15px;box-shadow: 2px 2px 5px rgba(0,0,0,0.5);background-image: linear-gradient(to bottom right, #fff, #efefef) !important;
}
.obj .obj-prop-top .obj-prop-setting,
.form .form-prop-top .form-prop-setting,
.layer .layer-prop-top .layer-prop-setting {
	border-radius:17px;width:34px;height:34px;border:solid 1px #ddd;border-bottom:0px;color:#333;cursor:pointer;padding:0px;text-align:center;padding-top:6px;font-size:15px;box-shadow: 2px 2px 5px rgba(0,0,0,0.5);background-image: linear-gradient(to bottom right, #fff, #efefef) !important;margin-right:5px
}

.obj .obj-prop-setting {display:none !important}
.layer .obj-prop-setting {display:none !important}

.obj .obj-prop-top .obj-prop-remove,
.form .form-prop-top .form-prop-remove,
.layer .layer-prop-top .layer-prop-remove  {
	border-radius:17px;width:34px;height:34px;border:solid 1px #ddd;border-bottom:0px;color:#333;cursor:pointer;padding:0px;text-align:center;padding-top:6px;font-size:15px;box-shadow: 2px 2px 5px rgba(0,0,0,0.5);background-image: linear-gradient(to bottom right, #fff, #efefef) !important;margin-right:5px
}

.obj .obj-prop-rotate,
.form .form-prop-rotate {
	display:none
}
.obj .obj-prop-rotate .rotate-box,
.form .form-prop-rotate .rotate-box {position:absolute;left:50%;transform: translate(-50%);bottom:-20px;border:solid 1px #444;border-radius:10.5px;width:21px;height:21px;background:rgba(255, 255, 255, 0.5);cursor:pointer;padding:0px;text-align:center;padding-top:2px;color:#444;font-size:9px}

.obj .obj-prop-rotate,
.form .form-prop-rotate .line {
	position:absolute;left:50%;transform: translate(-50%);bottom:-30px; width:1px;height:30px;border-left:solid 1px #999
}

.form .form-prop-rotate .rotate-box {bottom:-50px}


.oo-form {width:100%;height:100%;}
.oo-form .obj-form-body {width:100%;height:100%}
.oo-form .form-container {overflow:hidden}
/**********************
	object menu
***********************/
#object-menu {position:fixed;left:20px;top:80px}
#object-menu .menu-list .btn {border:0px;border-top:solid 1px #ddd;margin-top:-1px;height:38px;width:100%;border-radius:0px;cursor:pointer;text-align:left;padding-left:15px}
#object-menu .object-list .btn {padding:8px}
#object-menu .object-list .wrap {padding:5px 10px 10px 10px;width:100%;overflow-y:scroll;height:auto;max-height:600px;display:none}
#object-menu .object-list .wrap .desc {color:#666;padding-bottom:5px;font-size:13px;border-bottom:dashed 1px #ddd;margin-bottom:10px}
#object-menu .object-list .objx {width:100%;height:auto !important;background:#f2f2f2;border-radius:5px !important;border:solid 1px #999;white-space:normal !important;
	word-wrap: break-word;text-align:left !important;margin-bottom:10px;cursor:pointer}
#object-menu .object-list .obj-header2 {font-weight:600;font-size:14px;border-bottom:solid 1px #ccc;padding-bottom:5px}
#object-menu .object-list .obj-body {position:relative;padding-top:5px;color:#666;font-weight:400;font-size:12px}

/* layer */
#object-menu .object-list .box {position:relative;width:100%;height:80px;border:solid 1px #aaa;border-radius:3px;margin:3px 0 0px 0;background:#fff;overflow:hidden}
#object-menu .object-list .box .content {position:absolute;left:50%;transform: translate(-50%);width:50%;height:80px;background:#e9eeb5}
#object-menu .object-list .box .top {position:absolute;left:0px;top:0px;width:100%;height:20px;background:#ff0000}
#object-menu .object-list .box .middle {position:absolute;left:50%;top:50px;transform: translate(-50%,  -50%);width:50%;height:30px;background:#ff0000}
#object-menu .object-list .box .bottom {position:absolute;left:0px;bottom:0px;width:100%;height:20px;background:#ff0000}

/* title */
#object-menu .object-list #menu-text .btn-text {padding:5px;min-height:40px;color:#333;cursor:pointer}
#object-menu .object-list #menu-text .btn-text:hover {color:#888}

/* button */
#object-menu .object-list #menu-btn button {margin-bottom:10px}

/* quick */
#object-menu .object-list #menu-quick .btn-quick {width:90px;height:90px;border-radius:45px;font-size:18px;font-weight:600;box-shadow: 2px 2px 10px rgba(0,0,0,0.5);border:0px;background-image: linear-gradient(to bottom right, #fff, #efefef);cursor:pointer}
#object-menu .object-list #menu-quick .btn-quick:hover {color:#ff0000}

#object-menu .object-list #menu-quick .row div {text-align:center;padding:10px}

#object-menu .object-list #menu-form {overflow-y:hidden !important}
#object-menu .object-list #menu-form .form-object {padding:0px 10px 10px 10px}
#object-menu .object-list #menu-form .form-object .btn-list {padding:0px;border-radius:5px;overflow:hidden;border:solid 1px #888}
#object-menu .object-list #menu-form .form-object .btn-list .btn-group {width:264px;margin-left:-1px;margin-right:-1px}
#object-menu .object-list #menu-form .form-object .btn-list .btn-group .btn {margin-top:-1px;height:40px !important;border:solid 1px #999;cursor:pointer}

/* 왼쪽 메뉴 - 신청폼 메뉴 목록 */
#object-menu .object-list #menu-form .form-object .btn-list a {width:100%;padding-top:10px;color:#333;border-radius:0px}
#object-menu .object-list #menu-form .btn-list .btn {padding:0px;height:40px !important;line-height:20px;width:auto;text-align:left;padding-left:15px;border:0px;border-top:solid 1px #ddd;margin-top:-1px}
#object-menu .object-list #menu-form .btn-list .btn.disabled {color:#999;text-decoration:line-through}

#object-menu .object-list #menu-icons {overflow-y:hidden !important}
#object-menu .object-list #menu-icons .icons-object {padding:0px 10px 10px 10px}
#object-menu .object-list #menu-icons .icons-object .btn-list {padding:0px;border-radius:5px;overflow:hidden;border:solid 1px #888}
#object-menu .object-list #menu-icons .icons-object .btn-list .btn-group {width:264px;margin-left:-1px;margin-right:-1px}
#object-menu .object-list #menu-icons .icons-object .btn-list .btn-group .btn {margin-top:-1px;height:40px !important;border:solid 1px #999;cursor:pointer}

/* 왼쪽 메뉴 - 신청폼 메뉴 목록 */
#object-menu .object-list #menu-icons .icons-object .btn-list a {width:100%;padding-top:10px;color:#333;border-radius:0px}
#object-menu .object-list #menu-icons .btn-list .btn {padding:0px;height:40px !important;line-height:20px;width:auto;text-align:left;padding-left:15px;border:0px;border-top:solid 1px #ddd;margin-top:-1px}
#object-menu .object-list #menu-icons .btn-list .btn.disabled {color:#999;text-decoration:line-through}


#object-menu .object-list #menu-plugins {overflow-y:hidden !important}
#object-menu .object-list #menu-plugins .plugins-object {padding:0px 10px 10px 10px}
#object-menu .object-list #menu-plugins .plugins-object .btn-list {padding:0px;border-radius:5px;overflow:hidden;border:solid 1px #888}
#object-menu .object-list #menu-plugins .plugins-object .btn-list .btn-group {width:264px;margin-left:-1px;margin-right:-1px}
#object-menu .object-list #menu-plugins .plugins-object .btn-list .btn-group .btn {margin-top:-1px;height:40px !important;border:solid 1px #999;cursor:pointer}

/* 왼쪽 메뉴 - 신청폼 메뉴 목록 */
#object-menu .object-list #menu-plugins .plugins-object .btn-list a {width:100%;padding-top:10px;color:#333;border-radius:0px}
#object-menu .object-list #menu-plugins .btn-list .btn {padding:0px;height:40px !important;line-height:20px;width:auto;text-align:left;padding-left:15px;border:0px;border-top:solid 1px #ddd;margin-top:-1px}
#object-menu .object-list #menu-plugins .btn-list .btn.disabled {color:#999;text-decoration:line-through}

/* 숨김모드 */
#object-menu .tool-box .header .btn-show {display:none}
#object-menu .tool-box.hide {width:70px}
#object-menu .tool-box.hide .header {border-bottom:0px}
#object-menu .tool-box.hide .header .name {display:none}
#object-menu .tool-box.hide .header .btn-drag {display:none}
#object-menu .tool-box.hide .header .btn-hide {display:none}
#object-menu .tool-box.hide .header .btn-show {display:block}
#object-menu .tool-box.hide .body {display:none}

/**********************
	properties
***********************/
#object-properties {position:fixed;right:20px;top:80px;width:290px}
#object-properties .form-control {padding:5px}
#object-properties .tool-box {width:280px}
#object-properties input {outline:none !important;}
/**********************
    object layer
***********************/
#window-layer-sort {position:fixed;left:20px;top:580px}
#window-layer-sort .active {border:solid 1px blue !important}
#window-layer-sort .tool-box {width:190px;}
#window-layer-sort .tool-box .body {width:100%;max-height:600px;overflow-y:scroll;overflow-x:hidden}
#window-layer-sort body.dragging, body.dragging * {cursor: move !important;}

/* 숨김모드 */
#window-layer-sort .tool-box .header .btn-show {display:none}
#window-layer-sort .tool-box.hide {width:70px}
#window-layer-sort .tool-box.hide .header {border-bottom:0px}
#window-layer-sort .tool-box.hide .header .name {display:none}
#window-layer-sort .tool-box.hide .header .btn-drag {display:none}
#window-layer-sort .tool-box.hide .header .btn-hide {display:none}
#window-layer-sort .tool-box.hide .header .btn-show {display:block}
#window-layer-sort .tool-box.hide .body {display:none}

#window-layer-sort .card-body {position:relative;width:auto;padding:15px}

#window-layer-sort .card-body .sortable {padding-top:0px;padding:0px;max-width:175px}

/*#window-layer-sort .card-body .sortable li.layer {min-height:30px;}*/
/*#window-layer-sort .card-body .sortable li.layer .name {overflow:hidden;width:100%;height:100%}*/
/*#window-layer-sort .card-body .sortable li.layer.on {color:#fff;background:#00c3a9}*/
/*#window-layer-sort .card-body .sortable li .remove {position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:10px;background:#ff0000;color:#fff;text-align:center;padding-top:1px;opacity:0.7}*/
/*#window-layer-sort .card-body .sortable li .btn {display:block !important}*/
#window-layer-sort .card-body .sortable li ul li {margin:10px 20px 5px 5px !important;width:140px}

.sortable3 {position:relative}
#window-layer-sort .card-body .sortable .dragged {position: absolute;opacity: 0.5;z-index: 2000;}
#window-layer-sort .card-body .sortable li.placeholder {position: relative;border:solid 2px #ff0000;background:#ff8888;width:20px;height:20px}
#window-layer-sort .card-body .sortable li.placeholder:before {position: absolute;}
#window-layer-sort .card-body .sortable .ui-state-highlight {border:dashed 2px #ff0000 !important}


#window-layer-sort .card-body .layer {list-style:none;padding:5px 10px 5px 10px !important;margin:7px 0 7px 0;border:dotted 2px #888;border-radius:10px;width:100%;min-height:20px;text-align:left;width:143px}

#window-layer-sort .card-body .layer .name {overflow:hidden;width:100%;height:100%}
#window-layer-sort .card-body .layer.on {color:#fff;background:#00c3a9}
#window-layer-sort .card-body .remove {position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:10px;background:#ff0000;color:#fff;text-align:center;padding-top:1px;opacity:0.7}
#window-layer-sort .card-body .btn {display:block !important}


#window-layer-sort .card-body .layer-btn-list {min-height:300px;margin-top:-5px;margin-bottom:-15px}
#window-layer-sort .card-body .quick-btn-list {position:absolute;left:215px;bottom:20px;border:solid 2px #ddd;padding:3px 15px 3px 15px;width:110px;border-radius:10px}
#window-layer-sort .card-body .quick-btn-list .card-body-quick {padding-top:15px !important;padding-bottom:0px !important}
#window-layer-sort .card-body .quick-btn-list .title {position:absolute;left:0px;top:-25px;color:#555;}
#window-layer-sort .card-body .quick-btn-list li {min-width:auto;width:75px;}
#window-layer-sort .card-body .widget {position:absolute;left:215px;top:25px;padding:10px;margin-top:-10px;border:dotted 2px #888;border-radius:10px;width:auto;min-width:110px;height:100px;background:transparent;text-align:left;color:#444}


/***********
*/
.oo-text-title1, .oo-text-title2, .oo-text-title3, .oo-text-title4, .oo-text-title5 {font-size:15px;font-weight:400;background:transparent;border:0px;overflow:hidden} /* 지우지말것(기존 생성된 캠페인용) */
.oo-text-title-type1 {font-size:15px;font-weight:400;background:transparent;color:#000;border:0px}
.oo-text-title-type2 {font-size:15px;font-weight:400;background:transparent;color:#fff;border:0px}
.oo-text-title-type3 {font-size:15px;font-weight:600;background:#0a6ebd;color:#fff;border:0px}
.oo-text-title-type4 {font-size:20px;font-weight:600;background:#fffede;color:#000;border:0px}
.oo-text-title-type5 {font-size:20px;font-weight:600;background: #38ff6a;color: #303045;border:solid 2px #f00;border-radius:20px;text-align:center}
.oo-text-title-dday {font-size:20px;font-weight:400;background:transparent;color:#000;border:0px;padding:5px;text-align:center}
.oo-text-title-count {font-size:18px;font-weight:400;background:transparent;color:#000;border:0px;padding:5px;text-align:center}

.oo-btn-transparent {background:transparent;color:#000;font-size:16px;font-weight:600;width:100px;height:50px;cursor:pointer;border:0px}
.oo-btn-default1 {background:#fff;color:#000;font-size:16px;font-weight:600;border:solid 1px #ddd;width:100px;height:50px;border-radius:0px;cursor:pointer}
.oo-btn-default2 {background:#014d69;color:#fff;font-size:16px;font-weight:600;border:solid 0px #ddd;width:100px;height:50px;cursor:pointer}
.oo-btn-default3 {background:#014d69;color:#fff;font-size:16px;font-weight:600;border:solid 0px #ddd;width:100px;height:50px;border-radius:0px;cursor:pointer}
.oo-btn-round1 {background:#014d69;color:#fff;font-size:16px;font-weight:600;border:solid 1px #ddd;border-radius:10px !important;width:100px;height:50px;cursor:pointer}
.oo-btn-round2 {background:#014d69;color:#fff;font-size:16px;font-weight:600;border:solid 1px #ddd;border-radius:30px !important;width:100px;height:50px;cursor:pointer}
.oo-btn-round3 {background:#014d69;color: #fffffb;font-size:16px;font-weight:600;border:solid 3px #040634;border-radius:0px !important;width:100px;height:100px;cursor:pointer}
.oo-btn-round4 {background:#014d69;color:#fff;font-size:16px;font-weight:600;border:solid 1px #ddd;border-radius:50%;width:100px;height:100px;padding:0px;cursor:pointer}

.oo-btn-quick {width:90px;height:90px;border-radius:50%;font-size:18px;font-weight:600;border:0px;background-image: linear-gradient(to bottom right, #fff, #efefef);cursor:pointer;
	box-shadow:var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur) var(--box-shadow-color);
	--box-shadow-offset-x: 2px;
	--box-shadow-offset-y: 2px;
	--box-shadow-blur: 10px;
	--box-shadow-color:rgba(0,0,0,0.5)}

.oo-btn-quick:hover {}
.oo-btn-quick-kakao {background:#ffea00;color:#612900}

.oo-image {position:relative;width:100%;height:100%}
.oo-image .obj-box-body {overflow:hidden}
.oo-image-gallery-box {width:100%;height:100%}
.oo-image-gallery-box .box-wrap {width:100%;height:100%}
.oo-image-gallery-box .box-wrap ul {clear:both;padding:0px;margin:0px}
.oo-image-gallery-box .box-wrap li {margin:5px;display:inline;}
.oo-image-gallery-box .box-wrap img {width:130px;height:100px;object-fit:cover;margin-bottom:10px}

.oo-vod {position:relative;width:100%;height:100%}
.oo-vod .btn-play div {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);background:#000;width:30px;height:30px}
.oo-vod .btn-play i {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);font-size:50px;color:#fff;text-shadow:1px 1px 2px #000}

/* Gallery  */
.ui-gallery-main {position:relative;height: 100%;line-height: 100%;overflow: hidden;width:100%;border:solid 0px}
.ui-gallery-main ul {list-style: none;margin: 0;padding: 0;height: 100%;font-size: 50px}
.ui-gallery-main ul li {position:relative;float: left;width:100%;height:100%;margin: 0 1px 0 0;padding: 0;color:#ddd;text-align: center;cursor: pointer;}
.ui-gallery-main ul li.active {color: #fff;}
.ui-gallery-main .btn-gallery {position:absolute;width:70px;height:100%;top:0;background:transparent;border:0px;outline:0;-webkit-box-shadow: none;box-shadow: none;cursor:pointer;font-size:50px;color:rgba(255, 255, 255, 0.5);text-shadow:1px 1px 1px #000}
.ui-gallery-main .btn-gallery-prev {left:0px}
.ui-gallery-main .btn-gallery-next {right:0px;}
.ui-gallery-main img {position:absolute;left:0px;top:0px;width:100%;height:100%;border:0px}
.ui-gallery-main iframe {position:absolute;left:0px;top:0px;width:100%;height:100%;border:0px}
.ui-gallery-main video {position:absolute;left:0px;top:0px;width:100%;height:100%;border:0px}

.ui-gallery-page {position:relative;height:auto;overflow: hidden;width:100%;padding-bottom:10px;left:50%;transform: translate(-50%)}
.ui-gallery-page .page-wrap {width:100%;height:100%}
.ui-gallery-page ul {list-style: none;margin: 0;padding: 0;font-size: 12px;width:220px;height:100%}
.ui-gallery-page ul li {position:relative;float:left;width:auto;height: 100%;margin:10px 5px 0px 5px;padding: 0;color: #ddd;text-align: center;cursor: pointer;overflow:hidden}
.ui-gallery-page ul li.active {color: #fff}
/*
.ui-gallery-page ul li.active img {border:solid 3px #ff0000}
.ui-gallery-page ul li.active iframe {border:solid 3px #ff0000}
.ui-gallery-page ul li.active video {border:solid 3px #ff0000}
*/
.ui-gallery-page ul li img {width:100%;height:100%;border:0px;object-fit:cover}
.ui-gallery-page ul li iframe {width:100%;height:100%;border:0px;object-fit:cover}
.ui-gallery-page ul li video {width:100%;height:100%;border:0px;object-fit:cover}
.ui-gallery-page ul li .check {position:absolute;left:0px;top:0px;width:100%;height:100%;border:solid 3px #00aae7;display:none}
.ui-gallery-page ul li.active .check {display:block}

.ui-gallery-page.point-type li {width:10px !important;height:10px;border-radius:5px;margin:10px 5px 0 5px;background:#999;overflow:hidden}
.ui-gallery-page.point-type li img {display:none}
.ui-gallery-page.point-type li.active {background:#333}

.ui-gallery-main li video {width:100%;height:100%;pointer-events:none}
.ui-gallery-main li iframe {width:100%;height:100%;pointer-events:none}


.obj-box .obj-box-body {height:100%}
.obj-box .obj-box-body button {pointer-events:none}
.obj-box .obj-box-body input {pointer-events:none}
.obj-box .obj-box-body select {pointer-events:none}
.obj-box .obj-box-body textarea {pointer-events:none;border-radius:5px}
.obj-box .obj-box-body .btn-file {border-radius:5px}


.main-body-wrap .layer-body .layer-list .layer .desc {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%)}


.layer-body .layer-container, .layer-widget .layer-container, .layer-quick .layer-container {position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;-moz-user-select: none; -webkit-user-select: none;user-select: none;}
.layer-header .layer-container, .layer-bottom .layer-container {position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;-moz-user-select: none; -webkit-user-select: none;user-select: none;}
.layer-body .layer-container {position:absolute;top:0px;left:50%;transform: translate(-50%);width:100%;-moz-user-select: none; -webkit-user-select: none;user-select: none;}
.layer-middle {width:100%}

.layer-widget .layer-container, .layer-quick .layer-container {width:100% !important;}

/* 왼쪽 메뉴 - 배경 */
/*
#object-menu #menu-bg .d-inline-block {width:100%}
#object-menu #menu-bg .d-inline-block .sp-replacer {border:solid 1px #dddddd;border-radius:3px;width:100px;}
#object-menu #menu-bg .d-inline-block .sp-preview {width:60px}
*/

/* 왼쪽 메뉴 - 이미지, 동영상 샘플 화면 */
.menu-image-vod .obj-header span {color:#666;font-size:11px}
.menu-image-vod .obj-body {position:relative;text-align:center}
.menu-image-vod .obj-body img {width:100%}
.menu-image-vod .obj-body img.main-image {height:70px;object-fit:cover}
.menu-image-vod .obj-body .btn-left {position:absolute;left:10px;top:50%;transform: translate(0, -50%);font-size:24px;color:#fff;}
.menu-image-vod .obj-body .btn-right {position:absolute;right:10px;top:50%;transform: translate(0, -50%);font-size:24px;color:#fff;}
.menu-image-vod .obj-body .thumbnail {width:25%;float:left;padding-right:4px;padding-bottom:4px}
.menu-image-vod .obj-bottom .list {padding:5px 10px 0 14px}
.menu-image-vod .obj-bottom .list img {width:25%;float:left;padding-right:4px;padding-bottom:0px}
.menu-image-vod .obj-bottom .point {padding:0px 10px 0 14px;text-align:center}
.menu-image-vod .obj-bottom .point i {font-size:20px;margin:0px}

.pp-common input.off {background:#f9f9f9 !important}

.form-check-label .txt {white-space:nowrap;}

/* 체크박스 기본 컬러 */
.custom-control {position: relative;padding-left:1.2rem}
.custom-control-label::before {background-color:#fff;border:solid 1px #bbb;left:-25px;}
.custom-control-label::after {left:-25px;}

.custom-control-label::before {margin: 0;position: absolute;top: 50%;-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.custom-control-label::after {margin: 0;position: absolute;top: 50%;-ms-transform: translate(0, -50%);transform: translate(0, -50%);}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color:#fff}
.custom-control-input:checked~.custom-control-label::before {background-color:#fff}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color:#007ffa;border:0px}
.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color:#007ffa;border:0px}

/* youtubu background */
.video-background {background: #000;top: 0; right: 0; bottom: 0; left: 0;z-index: -99;}
.video-foreground, .video-background iframe {position: absolute;top: 0;left: 0;width: 100%;height:100%;pointer-events: none;}
@media (min-aspect-ratio: 16/9) {
	.video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	.video-foreground { width: 300%; left: -100%; }
}
.video-object {width:100%;height:100%}

.popup-layer-theme {display:none}
.popup-layer-theme .pp-group {padding:0px 5px 0px 5px;border:solid 0px #ffff00;display:none}
.popup-layer-theme .pp-group:not(.pp-common) {/*background:#f2f2f2;*/border-top:solid 0px #ccc}
.popup-layer-theme .pp-group .line-group {border:solid 0px #ff0000;width:100%;padding:0px;margin:0px}
.popup-layer-theme .pp-group .line-group .form-group {margin:0px}
.popup-layer-theme .pp-group .line-group .form-left {padding-left:20px;width:45px;text-align:center}
.popup-layer-theme .pp-group .line-group .form-right {padding-left:20px;width:45px;text-align:center}
.popup-layer-theme .pp-group .line-group .line-obj {border:solid 0px #ff0000}
.popup-layer-theme .pp-group .line-group .btn-group {width:100%}
.popup-layer-theme .pp-group .line-group .sub-title {position:relative;font-size:10px;padding-bottom:2px}
.popup-layer-theme .pp-group .line-group .sub-title-right {position:absolute;right:4px;top:-12px;font-size:11px;}
.popup-layer-theme .pp-group .title {color:#007360;font-size:20px;font-weight:600;font-size:12px;margin-bottom:-3px;border-bottom:solid 0px #f00}
.popup-layer-theme .pp-group .title2 {color:#000;font-size:20px;font-weight:400;font-size:12px;margin-bottom:-3px;border-bottom:solid 0px #f00}
.popup-layer-theme .pp-group .desc {position:absolute;top:1px;font-size:10px;font-weight:600;z-index:10;color:#777}
.popup-layer-theme .pp-group .desc.left {left:5px}
.popup-layer-theme .pp-group .desc.right {left:68px}
.popup-layer-theme .pp-group .input-title input {height:40px;padding:8px 3px 0px 3px !important;width:100%;font-size:13px;text-align:left;}
.popup-layer-theme .pp-group input {background:#fbfecf}
.popup-layer-theme .pp-group textarea {background:#fbfecf}
.popup-layer-theme .pp-group.pp-common .input-group {position:relative}
.popup-layer-theme .pp-group.pp-common .form-left {border-radius:5px 0 0 5px}
.popup-layer-theme .pp-group.pp-common .form-right {border-radius:0 5px 5px 0}

.popup-layer-theme .pp-group .pp-layer button {margin-left:-1px;font-size:11px;color:#333}

.popup-layer-theme .pp-group .btn {width:100%;margin:0px;color:#000 !important}


/* 	.popup-layer-theme .pp-group .d-inline-block .sp-replacer {border:0px;border-left:solid 1px #dddddd;border-top:solid 1px #dddddd;border-bottom:solid 1px #dddddd;border-radius:3px 0 0 3px;margin-right:-1px;width:60px !important;overflow:hidden;margin:0px}	 */

.popup-layer-theme .pp-group .btn-group-font button {width:100% !important;margin-left:-1px;width:48px;height:36px;border-right:0px}
.popup-layer-theme .pp-group .btn-group-font button span {font-size:15px;font-weight:600}
.popup-layer-theme .pp-group .btn-group-font .d-inline-block {margin-left:0px;border-right:solid 1px #ddd;border-radius:0 2px 2px 0;margin:0px}

.popup-layer-theme .pp-group .top-line {border-top:dashed 1px #ccc !important;padding-top:5px !important}

.popup-layer-theme .col-3, .popup-layer-theme .col-4, .popup-layer-theme .col-5, .popup-layer-theme .col-6, .popup-layer-theme .col-7, .popup-layer-theme .col-8, .popup-layer-theme .col-9, .popup-layer-theme .col-10, .popup-layer-theme .col-11, .popup-layer-theme .col-12 {padding:3px}

.popup-layer-theme .pp-group .pp-bg-remove {height:36px;color:#000}
.popup-layer-theme .pp-group .pp-bg-image {color:#000}

.popup-layer-theme .pp-group-form input.readonly {background:#f9f9f9;color:#888}

#object-properties .layer-type .width-center {position:relative;width:60px !important;height:40px;border:solid 1px #666;margin:0 10px 0 0 !important;background:#fff;border-radius:0px !important;float:left}
#object-properties .layer-type .width-center .center_bg {position:absolute;top:0px;left:15px;width:28px;height:100%;background:#ddd}
#object-properties .layer-type .width-center .center_line {position:absolute;top:0px;left:15px;width:28px;height:100%;border-left:dotted 1px #666;border-right:dotted 1px #666}
#object-properties .layer-type .width-center.lw-top .width_bg {position:absolute;top:0px;left:15px;width:calc(100% - 30px);height:15px;background:#ddd}
#object-properties .layer-type .width-center.lw-top .width_line {position:absolute;top:0px;left:15px;width:calc(100% - 30px);height:15px;border-bottom:dotted 1px #666}
#object-properties .layer-type .width-center.lw-top .arrow {position:absolute;top:0px;left:15px;width:calc(100% - 30px);height:15px;}
#object-properties .layer-type .width-center.lw-middle .width_bg {position:absolute;top:12px;left:15px;width:calc(100% - 30px);height:15px;background:#ddd}
#object-properties .layer-type .width-center.lw-middle .width_line {position:absolute;top:12px;left:15px;width:calc(100% - 30px);height:15px;border:dotted 1px #666}
#object-properties .layer-type .width-center.lw-middle .arrow {position:absolute;top:12px;left:15px;width:calc(100% - 30px);height:15px;}
#object-properties .layer-type .width-center.lw-bottom .width_bg {position:absolute;bottom:0px;left:15px;width:calc(100% - 30px);height:15px;background:#ddd}
#object-properties .layer-type .width-center.lw-bottom .width_line {position:absolute;bottom:0px;left:15px;width:calc(100% - 30px);height:15px;border-top:dotted 1px #666}
#object-properties .layer-type .width-center.lw-bottom .arrow {position:absolute;bottom:-1px;left:15px;width:calc(100% - 30px);height:15px;}
#object-properties .layer-type .width-center.lw-obj .width_bg {position:absolute;top:12px;left:15px;width:calc(100% - 30px);height:15px;background:#ddd}
#object-properties .layer-type .width-center.lw-obj .width_line {position:absolute;top:12px;left:20px;width:calc(100% - 40px);height:15px;border:dotted 1px #666}
#object-properties .layer-type .width-center.lw-obj .arrow {position:absolute;top:12px;left:20px;width:calc(100% - 40px);height:15px;}
#object-properties .layer-type .width-center .arrow-left {position:absolute;left:0px;top:0px;font-size:14px;color:#f00}
#object-properties .layer-type .width-center .arrow-right {position:absolute;right:0px;top:0px;font-size:14px;color:#f00}
#object-properties .layer-type .width-center .arrow-line {position:absolute;left:2px;top:6px;width:calc(100% - 4px);border:0px;border-top:solid 1px #f00}

#object-properties .layer-type .width-100 {position:relative;width:60px !important;height:40px;border:solid 1px #666;margin:0 10px 0 0 !important;background:#fff;border-radius:0px !important;float:left}
#object-properties .layer-type .width-100 .center_bg {position:absolute;top:0px;left:15px;width:28px;height:100%;background:#ddd}
#object-properties .layer-type .width-100 .center_line {position:absolute;top:0px;left:15px;width:28px;height:100%;border-left:dotted 1px #666;border-right:dotted 1px #666}
#object-properties .layer-type .width-100.lw-obj .width_bg {position:absolute;top:12px;left:15px;width:calc(100% - 30px);height:15px;background:#ddd}
#object-properties .layer-type .width-100.lw-obj .width_line {position:absolute;top:12px;left:15px;width:calc(100% - 30px);height:15px;border:dotted 1px #666}
#object-properties .layer-type .width-100.lw-obj .arrow {position:absolute;top:12px;left:15px;width:calc(100% - 30px);height:15px;}
#object-properties .layer-type .width-100 .arrow-left {position:absolute;left:0px;top:0px;font-size:14px;color:#f00}
#object-properties .layer-type .width-100 .arrow-right {position:absolute;right:0px;top:0px;font-size:14px;color:#f00}
#object-properties .layer-type .width-100 .arrow-line {position:absolute;left:2px;top:6px;width:calc(100% - 4px);border:0px;border-top:solid 1px #f00}

#object-properties .layer-type .width-full {position:relative;width:60px !important;height:40px;border:solid 1px #666;margin:0 10px 0 0 !important;background:#fff;border-radius:0px !important;float:left}
#object-properties .layer-type .width-full .center_bg {position:absolute;top:0px;left:15px;width:28px;height:100%;background:#ddd}
#object-properties .layer-type .width-full .center_line {position:absolute;top:0px;left:15px;width:28px;height:100%;border-left:dotted 1px #666;border-right:dotted 1px #666}
#object-properties .layer-type .width-full.lw-top .width_bg {position:absolute;top:0px;left:0px;width:calc(100%);height:15px;background:#ddd}
#object-properties .layer-type .width-full.lw-top .width_line {position:absolute;top:0px;left:0px;width:calc(100%);height:15px;border-bottom:dotted 1px #666}
#object-properties .layer-type .width-full.lw-top .arrow {position:absolute;top:0px;left:0px;width:calc(100%);height:15px;}
#object-properties .layer-type .width-full.lw-middle .width_bg {position:absolute;top:12px;left:0px;width:calc(100%);height:15px;background:#ddd}
#object-properties .layer-type .width-full.lw-middle .width_line {position:absolute;top:12px;left:0px;width:calc(100%);height:15px;border-bottom:dotted 1px #666;border-top:dotted 1px #666}
#object-properties .layer-type .width-full.lw-middle .arrow {position:absolute;top:12px;left:0px;width:calc(100%);height:15px;}
#object-properties .layer-type .width-full.lw-bottom .width_bg {position:absolute;bottom:0px;left:0px;width:calc(100%);height:15px;background:#ddd}
#object-properties .layer-type .width-full.lw-bottom .width_line {position:absolute;bottom:0px;left:0px;width:calc(100%);height:15px;border-top:dotted 1px #666}
#object-properties .layer-type .width-full.lw-bottom .arrow {position:absolute;bottom:-1px;left:0px;width:calc(100%);height:15px;}
#object-properties .layer-type .width-full.lw-obj .width_bg {position:absolute;top:12px;left:0px;width:calc(100%);height:15px;background:#ddd}
#object-properties .layer-type .width-full.lw-obj .width_line {position:absolute;top:12px;left:0px;width:calc(100%);height:15px;border-bottom:dotted 1px #666;border-top:dotted 1px #666}
#object-properties .layer-type .width-full.lw-obj .arrow {position:absolute;top:12px;left:0px;width:calc(100%);height:15px;}
#object-properties .layer-type .width-full .arrow-left {position:absolute;left:0px;top:0px;font-size:14px;color:#f00}
#object-properties .layer-type .width-full .arrow-right {position:absolute;right:0px;top:0px;font-size:14px;color:#f00}
#object-properties .layer-type .width-full .arrow-line {position:absolute;left:2px;top:6px;width:calc(100% - 4px);border:0px;border-top:solid 1px #f00}

/* color picker */
.sp-replacer {padding:4px;margin:0px;min-width:50px}

/* gallery list */
.image-slider .ui-gallery-main {height: calc(100% - 100px);line-height: calc(100% - 100px);overflow: hidden;}
.image-slider .ui-gallery-main ul {list-style: none;margin: 0;padding: 0;height: 100%;font-size: 50px;}
.image-slider .ui-gallery-main ul li {float: left;width: 227px;height: 100%;margin: 0 1px 0 0;padding: 0;background: rgba(0, 0, 0, 0);color: #ddd;text-align: center;cursor: pointer;opacity:0.5 }
.image-slider .ui-gallery-main ul li.active {color: #fff;background: rgba(0, 0, 0, 0);opacity: 1.0}
.image-slider .ui-gallery-main li {width:auto !important;height:100% !important}
.image-slider .ui-gallery-main li img {height:100%}
.image-slider .ui-gallery-main ul {width:10000px !important}
.image-slider .ui-gallery-main img {position:static;width:auto !important}

/* 이미지 object-fit */
#object-properties .object-fit-type {margin-left:2px;margin-right:-10px}
#object-properties .object-fit-type .lw-obj {position:relative;width:40px !important;height:40px;border:solid 1px #666;margin:0px 10px 0px 0px !important;background:#fff;border-radius:0px !important;float:left;overflow:hidden}
#object-properties .object-fit-type .lw-obj .box {position:absolute;left:4px;top:8px;width:30px;height:22px;border:dashed 2px #f00}
#object-properties .object-fit-type .lw-obj.fill img {position:absolute;left:4px;top:8px;width:30px;height:22px;object-fit:fill}
#object-properties .object-fit-type .lw-obj.contain img {position:absolute;left:4px;top:8px;width:30px;height:22px;object-fit:contain}
#object-properties .object-fit-type .lw-obj.cover img {position:absolute;left:4px;top:3px;width:30px;height:32px;}
#object-properties .object-fit-type .lw-obj.scale-down img {position:absolute;left:4px;top:8px;width:30px;height:32px;}
#object-properties .object-fit-type .lw-obj.none img {position:absolute;left:-2px;top:-4px;width:40px;height:45px;}
#object-properties .object-fit-type .lw-obj.off {background:}
#object-properties .object-fit-type .lw-obj.off img {filter: gray; -webkit-filter: grayscale(1);filter: grayscale(1);}

/* color picker alpha의 높이 설정 */
.sp-container .sp-alpha {height:10px}

/* notification */
.ui-pnotify {z-index:99999999 !important}


.pp-group-action .pp-action-method .col-2, .pp-group-action .pp-action-method .col-3, .pp-group-action .pp-action-method .col-4 {padding-bottom:1px}
.pp-group-action .pp-action-method button {font-size:11px;padding:5px 3px 5px 3px}
.pp-group-action .pp-action-method button.on {background: #00c3aa;color:#fff !important}
.pp-group-action .grid-top-line {border-top:solid 1px #cbc0cd !important;padding-top:10px;margin-top:10px}



/* popover tooltip */
.webui-popover-inner {padding:5px !important;font-size:12px}
.webui-popover .webui-popover-content {padding:0px !important;margin:0px !important}
.webui-popover {max-width:70%;z-index:99999}

.webui-popover {background:#ffd800 !important}
.webui-popover-inner {background:#ffd800;color:#000}

.webui-popover.top > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top-left > .webui-arrow:after {
	border-top-color: #ffd800 !important;
}
.webui-popover.right > .webui-arrow:after,
.webui-popover.right-top > .webui-arrow:after,
.webui-popover.right-bottom > .webui-arrow:after {
	border-right-color: #ffd800 !important;
}
.webui-popover.bottom > .webui-arrow:after,
.webui-popover.bottom-right > .webui-arrow:after,
.webui-popover.bottom-left > .webui-arrow:after {
	border-bottom-color: #ffd800 !important;
}
.webui-popover.left > .webui-arrow:after,
.webui-popover.left-top > .webui-arrow:after,
.webui-popover.left-bottom > .webui-arrow:after {
	border-left-color: #ffd800 !important;
}

/* bold, italic..버튼 */
.text-font-weight .select2-selection--single {padding:0px;padding-top:5px;height:34px;}
.text-font-weight .select2-selection--single .txt {font-size:15px;font-weight:600;text-align:center}
.text-font-weight .select2-selection--single .select2-selection__arrow:after {right:.8rem !important}
.pp-text-font-style button {height:34px !important;padding-top:5px}
.select2-selection__rendered .not-available {font-size:12px !important}

/* focusin */
.focusin {z-index:999}

/* context menu */
.context-menu-list {padding:0px !important}
.context-menu-list li {margin-bottom:0px;padding-top:5px;padding-bottom:5px;font-size:12px}
.context-menu-list li.context-menu-separator {padding:0px !important}
.context-menu-icon.context-menu-icon--fa5 i {padding-top:3px;color:#00c3aa !important}
.context-menu-list li i {padding-top:5px !important}

.selection-box {position:absolute;background:rgba(255,255,255,0.5);border:3px dotted #ff9700;}

/* input px */
.ui-input-box {position:relative;border:solid 1px #ddd;border-radius:3px;width:100%;height:34px;padding:0px;
	overflow:hidden;}
.ui-input-box input {width:calc100%;border:0px;padding-top:1px;background:#fff !important;text-align:center;font-size:13px}
.ui-input-box input:focus {background:#fbfecf !important;}
.ui-input-box .px {position:absolute;right:8px;bottom:5px;font-size:11px;color:#777}

/* callback payload */
#callback_payload {display:none}
/* submit form */
#submit_form {display:none}

/* 스크롤바 항상 보이도록 */
#object-properties  ::-webkit-scrollbar {-webkit-appearance: none;width: 7px;}
#object-properties  ::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0, 0, 0, .5);-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);}