.grid-stack {
    position: relative
}

.grid-stack-rtl {
    direction: ltr
}

.grid-stack-rtl>.grid-stack-item {
    direction: rtl
}

.grid-stack-placeholder>.placeholder-content {
    background-color: rgba(0,0,0,.1);
    margin: 0;
    position: absolute;
    width: auto;
    z-index: 0!important
}

.grid-stack>.grid-stack-item {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: var(--gs-column-width);
    height: var(--gs-cell-height)
}

.grid-stack>.grid-stack-item>.grid-stack-item-content {
    margin: 0;
    position: absolute;
    width: auto;
    overflow-x: hidden;
    overflow-y: auto
}

.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content {
    overflow-y: hidden
}

.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content {
    top: var(--gs-item-margin-top);
    right: var(--gs-item-margin-right);
    bottom: var(--gs-item-margin-bottom);
    left: var(--gs-item-margin-left)
}

.grid-stack-item>.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle {
    display: none
}
.grid-stack-item > .grid-stack-item-content{
    /* border: 1px dashed rgb(124 176 223); */
   outline: 1px dashed rgb(124 176 223);

}
.grid-stack-item.ui-resizable-autohide > .grid-stack-item-content{
        border: none;
        outline: none;
}
.grid-stack-item.ui-resizable-disabled > .grid-stack-item-content{
        border: none;
        outline: none;
}
.grid-stack-item.ui-draggable-disabled > .grid-stack-item-content{
    border:none;
}

.grid-stack-item >.ui-resizable-handle{
    display: block;
}
.grid-stack-item .ui-resizable-handle{
    background-image: url(dot.svg)  !important;
    background-repeat: no-repeat;
    background-position: center;
}
/* 우 */
.grid-stack-item >.ui-resizable-handle.ui-resizable-e{
    right: 10PX;
}
/* 하 */
.grid-stack-item >.ui-resizable-handle.ui-resizable-s{
bottom: 10PX;
}
/* 좌 */
.grid-stack-item >.ui-resizable-handle.ui-resizable-w{
    left: 10PX;
}
/* 상 */
.grid-stack-item >.ui-resizable-handle.ui-resizable-n{
    top: 10PX;
}

.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,
.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
    background-repeat: no-repeat;
    background-position: center
}
.grid-stack-item.ui-resizable-autohide > .grid-stack-item-content .ui-resizable-handle{
        display: none;
}
.grid-stack-item>.ui-resizable-ne {
    transform: rotate(45deg)
}

.grid-stack-item>.ui-resizable-sw {
    transform: rotate(45deg)
}

.grid-stack-item>.ui-resizable-nw {
    transform: rotate(-45deg)
}

.grid-stack-item>.ui-resizable-se {
    transform: rotate(-45deg)
}

.grid-stack-item>.ui-resizable-nw {
    cursor: nw-resize;
    width: 20px;
    height: 20px;
    top: var(--gs-item-margin-top);
    left: var(--gs-item-margin-left)
}

.grid-stack-item>.ui-resizable-n {
    cursor: n-resize;
    height: 10px;
    top: var(--gs-item-margin-top);
    left: 25px;
    right: 25px
}

.grid-stack-item>.ui-resizable-ne {
    cursor: ne-resize;
    width: 20px;
    height: 20px;
    top: var(--gs-item-margin-top);
    right: var(--gs-item-margin-right)
}

.grid-stack-item>.ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    top: 15px;
    bottom: 15px;
    right: var(--gs-item-margin-right)
}

.grid-stack-item>.ui-resizable-se {
    cursor: se-resize;
    width: 20px;
    height: 20px;
    bottom: var(--gs-item-margin-bottom);
    right: var(--gs-item-margin-right)
}

.grid-stack-item>.ui-resizable-s {
    cursor: s-resize;
    height: 10px;
    left: 25px;
    bottom: var(--gs-item-margin-bottom);
    right: 25px
}

.grid-stack-item>.ui-resizable-sw {
    cursor: sw-resize;
    width: 20px;
    height: 20px;
    bottom: var(--gs-item-margin-bottom);
    left: var(--gs-item-margin-left)
}

.grid-stack-item>.ui-resizable-w {
    cursor: w-resize;
    width: 10px;
    top: 15px;
    bottom: 15px;
    left: var(--gs-item-margin-left)
}

.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle {
    display: none!important
}

.grid-stack-item.ui-draggable-dragging {
    will-change: left,top;
    cursor: move
}

.grid-stack-item.ui-resizable-resizing {
    will-change: width,height
}

.ui-draggable-dragging,.ui-resizable-resizing {
    z-index: 10000
}

.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content {
    box-shadow: 1px 4px 6px rgba(0,0,0,.2);
    opacity: .8
}

.grid-stack-animate,.grid-stack-animate .grid-stack-item {
    transition: left .3s,top .3s,height .3s,width .3s
}

.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing {
    transition: left 0s,top 0s,height 0s,width 0s
}

.grid-stack>.grid-stack-item[gs-y="0"] {
    top: 0
}

.grid-stack>.grid-stack-item[gs-x="0"] {
    left: 0
}

/* GridStack css*/
.grid-stack {
	/* background: #f6f6f6; */
	min-height: var(--gs-gadget-min-height);
}

.grid-wrap {
	background: #f6f6f6;
	padding: 10px;
    /* height: inherit; */
}
/* 드래그영역표시 */
.ui-resizable-resizing {
	border: 1px dashed #44556e;
	z-index: 9999 !important;
	border-radius: 5px;
}
.label-contents .grid-stack-item-content {
	border-radius: 8px;
	box-shadow: none;
	background: transparent;
    overflow: visible !important;
}
.grid-stack>.grid-stack-item.label-contents >.grid-stack-item-content {
	overflow-y: visible !important;
}
.grid-stack-item-content {
	border-radius: 8px;
 box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
	background: white;
}
/* 타이틀 상자 */
.gadget-text-item .grid-stack-item-content {
	border-radius: 8px;
	box-shadow: none;
	background: transparent;
    line-height: 1;
    /* border: 1px dotted #ddd; */
}
.gadget-header-wrap{
    width: 100%;
}
.grid-stack-item-content .gadget-header {
	font-size: 16px;
	display: flex;
	cursor: move;
	width: inherit !important;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	WHITE-SPACE: nowrap;
	height: var(--gs-gadget-header-height) !important;
	visibility: visible;
	background: var(--gs-gadget-header-fill);
    border-radius: 5px 5px 0 0;
}
.grid-stack-static .grid-stack-item-content .gadget-header{
    cursor:default;
}
/* 노헤더일때 헤더에 요소들 숨기기 */
.grid-stack-item-content .gadget-header.auto-hide {
	opacity: 70%;
}
.grid-stack-item-content .gadget-header.auto-hide span{
    display: none;
}
.grid-stack-item-content .gadget-header.auto-hide span::before{
    content: none;
}
.grid-stack-item-content .gadget-header.auto-hide .gadget-delete-btn{
    right: 0;
    position: absolute;
}
/* 헤더x 컨텐츠 위치 조정*/
 .grid-stack-item-content.auto-hide-wrap .gadget-header-wrap{
    position: absolute;
    z-index: 2;
}
/* 헤더0 컨텐츠 위치 조정*/
.grid-stack-item-content .gadget-header-wrap{
    position: static;
    z-index: 2;
}
.grid-stack-static .ui-draggable-disabled .grid-stack-item-content .gadget-header.auto-hide, 
.ui-resizable-autohide .grid-stack-item-content .gadget-header.auto-hide,
.ui-resizable-autohide .grid-stack-item-content .gadget-header.auto-hide .gadget-delete-btn{
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.ui-droppable .ui-draggable-disabled .grid-stack-item-content .gadget-header.auto-hide:hover,
.ui-resizable-autohide  .grid-stack-item-content .gadget-header.auto-hide:hover {
    width: initial !important;
    height: initial !important;
    margin: initial !important;
    overflow: hidden !important;
    background: #475466;
    display: flex;
}
.grid-stack-item-content .gadget-header span {
	font-size: var(--gs-gadget-header-font-size);
	font-weight: normal;
	padding-left: 40px;
	color: var(--gs-gadget-header-font-color);
    position: relative;
}
.grid-stack-item-content .gadget-header span::before {
	content: '';
	position: absolute;
    left: 10px;
    top: -2px;
	width: 28px;
	height: 28px;
	background: transparent url(window.png) no-repeat center center;
	background-size: 60%;
    display: flex;
    align-items: center;
}

.gadget-delete-btn {
	margin-left: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
    opacity: 0.8;
    padding: 0;
}
.gadget-delete-btn:hover,
.gadget-delete-btn:focus,
.gadget-delete-btn:active {
	margin-left: 20px;
    border-radius: 5px;
    opacity: 1;
}
.gadget-delete-btn.wh{
	background: rgba(0, 0, 0, 0.4)  url(g_close_wh.png) no-repeat 3px 3px;
}

.gadget-delete-btn.wh:hover,
.gadget-delete-btn.wh:focus,
.gadget-delete-btn.wh:active{
	background: rgba(0, 0, 0, 0.5)  url(g_close_wh.png) no-repeat 3px 3px;
}
.gadget-delete-btn.bk{
	background: rgba(255,255,255, 0.1)  url(g_close_bk.png) no-repeat 3px 3px;
}

.gadget-delete-btn.bk:hover,
.gadget-delete-btn.bk:focus,
.gadget-delete-btn.bk:active{
	background: rgba(255,255,255, 0.2)  url(g_close_bk.png) no-repeat 3px 3px;
}

.gadget-delete-btn.gr{
	background: rgba(255,255,255, 0.1)  url(g_close_gr.png) no-repeat 3px 3px;
}

.gadget-delete-btn.gr:hover,
.gadget-delete-btn.gr:focus,
.gadget-delete-btn.gr:active{
	background: rgba(255,255,255, 0.2)  url(g_close_gr.png) no-repeat 3px 3px;
}
.gadget-delete-btn.gr_light{
	background: rgba(0, 0, 0, 0.4)  url(g_close_gr_light.png) no-repeat 3px 3px;
}

.gadget-delete-btn.gr_light:hover,
.gadget-delete-btn.gr_light:focus,
.gadget-delete-btn.gr_light:active{
	background: rgba(0, 0, 0, 0.5)  url(g_close_gr_light.png) no-repeat 3px 3px;
}
.nw_box_ttl>.webix_el_box {
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 600;
	color: #222;
	padding-left: 20px;
	padding-top: 7px;
	text-align: left;
}

/*스크롤 y축

.grid-stack>.grid-stack-item>.grid-stack-item-content {
	overflow-y: auto !important;
}*/
.grid-stack>.grid-stack-item>.grid-stack-item-content {
	overflow-y: hidden !important;
}

/* line btn */
.nw_mecar_btn .webix_el_box .webix_button {
	border: 2px solid #01b692;
	background: #01b692;
	border-radius: 5px;
	box-shadow: none;
	font-size: 18px;
	color: #FFF;
}

.nw_mecar_btn .webix_el_box .webix_button:hover,
.nw_mecar_btn .webix_el_box .webix_button:focus,
.nw_mecar_btn .webix_el_box .webix_button:active {
	border: 2px solid #01b692;
	background: #01b692;
	border-radius: 5px;
	transition: all 0.3s;
	font-size: 18px;
	color: #fff;
}

/* 너비값 100% 수정 */
.webix_view.webix_form.webix_layout_form.wid_100,
.webix_view.webix_form.webix_layout_form.wid_100>.webix_scroll_cont>.webix_view.webix_abslayout,
.webix_view.webix_form.webix_layout_form.wid_100>.webix_scroll_cont>.webix_view.webix_abslayout>.webix_view.nexwiz_ntemplate.wid_100_inner {
	width: 100% !important;
}

.gadget_wrap>.webix_el_box button {
	border: 2px solid #01b692;
	background: #01b692;
	border-radius: 5px;
	box-shadow: none;
	font-size: 18px;
	color: #FFF;
	font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, sans-serif;
}

.gadget_wrap .gadget_menu>.webix_tree {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
}

/* 가젯 메뉴*/
/* .gadget_menu_label{
	width: 225px !important;
} */
.webix_view.webix_window.fixed{
    position:fixed !important;}

    .webix_view.webix_window{
    position:absolute !important}

.gadget_menu_label .webix_el_box {
	font-size: 18px;
	margin-left: 15px;
	color: white;
    font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, sans-serif !important;
}
/* 가젯메뉴저장버튼 */
/* .webix_el_button{
    float: right;
} */
 .gadget_menu_window.minimize{
    height: 38px !important;
 }
  .gadget_menu_window{
    height: initial !important;
 }
/* .gadget_menu_window .webix_win_head > .webix_view.webix_layout_line */
.gadget_menu_window.webix_view.webix_window{
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), inset 0 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}
.gadget_menu_window.webix_view.webix_window .webix_win_head > .webix_view.webix_layout_line{
    display: flex;
    gap: 2px;
    background: #121e3b !important;
}
.gadget_menu_window .webix_win_body > .webix_view.webix_layout_line > .webix_view.webix_layout_line{
    margin-top: 5px !important;
    margin-right: 5px !important;
}
 .gadget_menu_window .webix_win_head .webix_view.webix_layout_line > div:not(.gadget_menu_label){
    float: right;
    overflow: visible;

 }
 .gadget_menu_window  .gadget_menu_label{
    width: auto !important;
 }
.webix_el_button.gadget_menu_button,
.webix_el_button.gadget_menu_button .webix_el_box,
.webix_el_button.gadget_menu_button .webix_button {
	width: 38px !important
}
/* .webix_el_button.gadget_menu_button .webix_button {
	background: transparent url(save_icon.png) no-repeat center 7px;
	border: none;
	border-radius: 4px;
	font-size: 0;
  }
  
.webix_el_button.gadget_menu_button .webix_button:hover,
.webix_el_button.gadget_menu_button .webix_button:focus,
.webix_el_button.gadget_menu_button .webix_button:active {
	background: rgba(255, 255, 255, .15) url(save_icon.png) no-repeat center 7px;
	border-radius: 50%;
	border: none;
	font-size: 0;
  } */
  /* 메뉴,편집버튼*/
.gadget_menu_fix_button.webix_secondary .webix_button,
  .gadget_menu_fix_button.webix_secondary .webix_button:hover, 
  .gadget_menu_fix_button.webix_secondary .webix_button:focus, 
  .gadget_menu_fix_button.webix_secondary .webix_button:active,
  .gadget_menu_fix_button.webix_secondary .webix_button{
	background: transparent url(pin.png) no-repeat center 6px;
	border: none;
	border-radius: 4px;
	font-size: 0;
  }
  .gadget_menu_fix_button.webix_secondary .webix_pressed .webix_button:hover, 
  .gadget_menu_fix_button.webix_secondary .webix_pressed .webix_button:focus, 
  .gadget_menu_fix_button.webix_secondary .webix_pressed .webix_button:active,
  .gadget_menu_fix_button.webix_secondary .webix_pressed .webix_button{
	background: rgba(255, 255, 255, .3) url(pin.png) no-repeat center -27px;
	border-radius: 50%;
	border: none;
	font-size: 0;
  }
  .webix_secondary .webix_pressed .webix_button
  /* 스크린 */
    .gadget_menu_min_button.webix_secondary .webix_button,
  .gadget_menu_min_button.webix_secondary .webix_button:hover, 
  .gadget_menu_min_button.webix_secondary .webix_button:focus, 
  .gadget_menu_min_button.webix_secondary .webix_button:active,
  .gadget_menu_min_button.webix_secondary .webix_button{
	background: transparent url(screen.png) no-repeat center 5px;
	border: none;
	border-radius: 4px;
	font-size: 0;
  }
  .gadget_menu_min_button.webix_secondary .webix_pressed .webix_button:hover, 
  .gadget_menu_min_button.webix_secondary .webix_pressed .webix_button:focus, 
  .gadget_menu_min_button.webix_secondary .webix_pressed .webix_button:active,
  .gadget_menu_min_button.webix_secondary .webix_pressed .webix_button{
	background: rgba(255, 255, 255, .3) url(screen.png) no-repeat center -26px;
	border-radius: 50%;
	border: none;
	font-size: 0;
  }
  /* 저장 */
    .webix_el_button.gadget_menu_save_button {
    margin-left: -3px !important;
    padding-right: 2px !important;
    }
  .webix_el_button.gadget_menu_save_button .webix_button {
	background: transparent url(save_icon.png) no-repeat center 7px;
	border: none;
	border-radius:5px;
	font-size: 0;
    box-shadow: none;
        border: 1px solid #fff;
        box-sizing: border-box;
  }
  
.webix_el_button.gadget_menu_save_button .webix_button:hover,
.webix_el_button.gadget_menu_save_button .webix_button:focus,
.webix_el_button.gadget_menu_save_button .webix_button:active {
	background: rgba(0,0,0, .05) url(save_icon.png) no-repeat center 7px;
	border-radius:5px;
	border: none;
	font-size: 0;
    border: 1px solid #ddd;
            box-sizing: border-box;
}
  /* .gadget_menu_static_button.webix_secondary .webix_button:hover, 
  .gadget_menu_static_button.webix_secondary .webix_button:focus, 
  .gadget_menu_static_button.webix_secondary .webix_button:active,
  .gadget_menu_static_button .webix_button{
	background: transparent url(pencel.png) no-repeat center 4px;
	border: none;
	border-radius: 4px;
	font-size: 0;
  }
  .gadget_menu_static_button.webix_secondary .webix_pressed .webix_button:hover, 
  .gadget_menu_static_button.webix_secondary .webix_pressed .webix_button:focus, 
  .gadget_menu_static_button.webix_secondary .webix_pressed .webix_button:active,
  .gadget_menu_static_button .webix_pressed .webix_button{
	background: rgba(255, 255, 255, .15) url(pencel.png) no-repeat center -26px;
	border-radius: 50%;
	border: none;
	font-size: 0;
  } */
  /* 텍스트 추가버튼 */
   .webix_el_button.gadget_menu_text_button{
        margin-right: 1px;
   }
  .webix_el_button.gadget_menu_text_button .webix_button {
	background: transparent url(text-size.png) no-repeat center 7px;
	border: none;
	border-radius: 4px;
	font-size: 0;
    box-shadow: none;
        border: 1px solid #fff;
    box-sizing: border-box;
  }
  
.webix_el_button.gadget_menu_text_button .webix_button:hover,
.webix_el_button.gadget_menu_text_button .webix_button:focus,
.webix_el_button.gadget_menu_text_button .webix_button:active {
	background: rgba(0,0,0, .05) url(text-size.png) no-repeat center 7px;
	border-radius: 5px;
	border: none;
	font-size: 0;
    border: 1px solid #ddd;
        box-sizing: border-box;
  }
  /* 트리 */
  .gadget_menu{
	overflow-x: hidden !important
  }
  .gadget_menu .webix_tree_branch_1 .webix_tree_item {
    clear: both;
    height: 27px;
    line-height: 27px;
    white-space: nowrap;
	font-size: 14px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	letter-spacing: -0.5px;
	position: relative;
    font-weight: normal;
}
.gadget_menu .webix_tree_branch_2 > .webix_tree_item {
    margin-top: 5px;
}
  /* .gadget_menu .webix_tree_branch_2 .webix_tree_item {
	font-size: 14px;
}
  .gadget_menu .webix_tree_branch_3 .webix_tree_item {
	font-size: 13px;
} */
  /* .gadget_menu .webix_tree_branch_1>.webix_tree_item::before{
    content: '';
    position: absolute;
    margin-left: 5px;
    width: 4px;
    height: calc(100% - 10px);
    background: #5371b9;
    top:calc(50% - 10px);
    left:-5px;
    border-radius: 3px;

  } */
  .gadget_menu .webix_tree_branch_1>.webix_tree_item {
	font-size: 16px;
    font-weight: bold;
    padding-left:12px;
    display: none;
}
.gadget_menu .webix_tree_branch_2 .webix_tree_item {
    clear: both;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
}
.gadget_menu .webix_tree_branch_2 .webix_tree_item[aria-expanded="false"] {
        border-bottom: 1px solid #f4f4f4;
}


.gadget_menu .webix_tree_branch_3 .webix_tree_item {
    border-bottom: 1px solid #f4f4f4;
}
.gadget_menu .webix_tree_item:hover{
    background: #e6ecf5;
}

.gadget_menu .webix_tree_leaves{
    width: 95%;
margin-left: 0px;
}
.gadget_menu .webix_tree_branch_2{
    margin-left: 3px;
}
.gadget_menu .webix_tree_branch_2 .webix_tree_leaves{
    margin-left: 12px;
}
.gadget_menu .webix_tree_folder:before{
    content: '';
    background: transparent url(folder01.png) no-repeat 0 0% !important;
    position: absolute;
    /* left: 22px; */
    left: 0px;
    top: 4px;
    width: 24px;
    height: 24px;
    background-size: 80% !important;
}
/* 뎁 */
.gadget_menu .webix_tree_item .webix_tree_folder_open:before{
    content: none;
    background: transparent url(list.png) no-repeat 0 0% !important;
    position: absolute;
    /* left: 22px; */
    left: 6px;
    top: 7px;
    width: 24px;
    height: 24px;
    background-size: 72% !important;
}
.gadget_menu .webix_tree_branch_1 > .webix_tree_item >.webix_tree_folder_open{
    display: none;
}
/* 2뎁 */
.gadget_menu .webix_tree_branch_2 .webix_tree_folder_open:before{
    content: '';
    background: transparent url(folder02.png) no-repeat 0 0% !important;
    position: absolute;
    /* left: 22px; */
    left: 0px;
    top: 4px;
    width: 24px;
    height: 24px;
    background-size: 85% !important;
}
.gadget_menu .webix_tree_file:before{
	content: '';
	background: transparent url(gadget_tit.png) no-repeat 0 0% !important;
	position: absolute;
    left: 1px;
    top: 4px;
    width: 24px;
    height: 24px;
    background-size: 95% !important;
}

.gadget_menu .webix_tree_item[aria-level="1"] span{
    font-size: 16px;
    color: #3a3c40;
    font-weight: 600;
}
.gadget_menu .webix_tree_item[aria-level="2"] span{
    font-size: 15px;
    color: #3a3c40;
}
.gadget_menu .webix_tree_open{
    font-size: 0;
    background: transparent url(ico_btn_collapse.png) no-repeat 0 49% !important;
	background-size: 58% !important;
}
.gadget_menu .webix_tree_close{
    font-size: 0;
    background: transparent url(ico_btn_collapsed.png) no-repeat 0 49% !important;
	background-size: 58% !important;
}
.webix_tree.gadget_menu .webix_tree_item.webix_selected{
	background: #eef0f3;
}
.grid-stack-static .gadget-delete-btn{
    display: none;
}
.gadget-text-item .gadget-delete-btn{
    position: absolute;
    right: 0; 
}
.gadget-text-item:hover .gadget-delete-btn{
    background: rgba(0, 0, 0, 0.12) url(g_close.png) no-repeat 3px 3px;
    background-size: 72%;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 9999;
}
/* 불렛 */
.gadget-text-item .grid-stack-item-content em{
    font-size: 0;
}
/* .gadget-text-item .grid-stack-item-content span::before{
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    width: 5px;
    height: 20px;
    border-radius: 5px;
    background: red;
} */

.webix_view.webix_window.gadget_text_editor_popup{
    border-radius: 2px;
}
.webix_view.webix_window.gadget_text_editor_popup .text_editor_btn .webix_button{
    font-weight: 500;
    font-size: 16px;
	background: #475466 url(icon_img_02.png) 45% 5px no-repeat;
    color: #fff;
    border: 1px solid #dadee0;
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05);
}
/* 리치에디터 툴바 따로 분리되는 것 수정 */
.gadget_text_editor_popup .sun-editor .se-toolbar.se-toolbar-sticky {
    position: static;
}

/* 불렛 */
.gadget-text-label-contents{
    position: relative;
    height: inherit;
}
.gadget-text-label-contents::before{
    content: '';
    position: absolute;
    margin-left: 5px;
}
.gadget-text-label-contents > div{
    padding-left: 25px;
    height: inherit;
    display: flex;
    align-items: center;
}
/* 스타일 */
.gadget-text-label-contents.s1.bullet::before{
    width: 5px;
    height: calc(80% - 10%);
    background: #e64c4c;
    top:15%;
    left:0;
    border-radius: 3px;
}
.gadget-text-label-contents.s2.bullet::before{
    width: 15px;
    height: 15px;
    background: transparent;
    top: calc(50% - 6px);
    left: 0;
    border: 3px solid rgb(49, 187, 134);
    border-radius: 50%;
    box-sizing: border-box;
}
.gadget-text-label-contents.s3.bullet::before{
    width: 6px;
    height: 6px;
    background: transparent;
    top: calc(50% - 6px);
    left: 0;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    border: 3px solid #5288ee;
}
.gadget-text-label-contents.s4.bullet::before{
    width: 6px;
    height: 6px;
    background: rgb(255, 115, 0);
    top: calc(50% - 3px);
    left:0;
}
.gadget-text-label-contents.s5.bullet::before{
    width: 6px;
    height: 6px;
    background: rgb(139, 139, 139);
    top: calc(50% - 3px);
    left:0;
    border-radius: 50%;
}
.gadget-text-label-contents.s6.bullet::before{
    width: 30px;
    height: 2px;
    background: rgb(221, 66, 66);
    top:0;
    left:0;
}
.gadget-text-label-contents.s6.bullet > div{
    padding-left: 5px;
}
/* 샘플 div */
.sample-div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; 
    font-size: 16px;
}
.gadget-header-wrap + .sample-div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - var(--gs-gadget-header-height));
}
/* 이미지 정렬 가젯링크 페이지이미지가 올라감 */
.gadget_row .webix_el_image .webix_template {
    display: flex;
    justify-content: center;
    align-items: center;
}