text:
@charset "utf-8";

/***********************************************************************************************************
	로그인
************************************************************************************************************/
.ddp-wrap-login {height:100%; min-height:800px; background:url(../../images/login.jpg) no-repeat center center fixed; background-size:cover;}
.ddp-wrap-login.let-it-snow {height:100%; min-height:auto; overflow:hidden; background:url(../../images/login_christmas.jpg) no-repeat center center fixed; background-size:cover;}
.ddp-wrap-login.let-it-snow .ddp-bg-login,
.ddp-wrap-login.let-it-snow .ddp-blur2 {display:none;}
.ddp-ui-login {position:relative;width:410px; height:100%; padding:192px 0 0 0; background-color:rgba(255,255,255,0.7); z-index:1; box-sizing:border-box;}
.ddp-wrap-login .ddp-blur2{display:block;background:url(../../images/login.jpg) no-repeat fixed;; background-size:cover; overflow:hidden; content:'';
  filter: blur(5px);
  position: absolute;
  left:0;
  bottom:0;
  height: 100%;
  width: 410px;
}

.ddp-ui-login .ddp-box-login {width:278px; margin:0 auto;}
.ddp-ui-login .ddp-ui-logo {height:36px; padding-bottom:20px;}
.ddp-ui-login .ddp-ui-logo .st0{fill:#1A274B;}
.ddp-ui-login .ddp-ui-logo .st1{fill:#272950;}
.ddp-ui-login .ddp-ui-logo .st2{fill:#47DBF4;}
.ddp-ui-login .ddp-ui-logo .st3{fill:#7575EA;}

.ddp-form-login .ddp-form-input {position:relative; width:100%; box-sizing:border-box;}
.ddp-form-login .ddp-form-input label {display:block; padding:30px 0 0 0; color:rgba(39,41,80,0.7); font-size:13px;}
.ddp-form-login .ddp-form-input span.ddp-input-type {display:block; width:100%; border:none; background:transparent;}
.ddp-form-login .ddp-form-input span.ddp-input-type input {width:100%; padding:8px 0; border:none;border-bottom:1px solid #b5b5cc; background-color:transparent; color:#272950; font-size:18px;}
.ddp-form-login .ddp-form-input span.ddp-input-type input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;}
.ddp-form-login .ddp-form-input span.ddp-input-type input:focus {border-bottom:1px solid #272950;}
.ddp-form-login .ddp-ui-login-option {min-width:360px; max-width:fit-content; margin:26px 0 40px 0; white-space:nowrap; overflow:hidden;}
.ddp-form-login .ddp-ui-login-option .ddp-wrap-input-checkbox {position:relative; float:left; margin-right:20px; padding-left:20px;}
.ddp-form-login .ddp-ui-login-option .ddp-wrap-input-checkbox label {position:relative; font-size:14px; color:#272950;}

.ddp-form-login .ddp-ui-login-option .ddp-wrap-input-checkbox input[type="checkbox"] {position:absolute; top:50%; left:0; margin-top:-6px; opacity: 0; z-index:1;}
.ddp-form-login .ddp-ui-login-option .ddp-wrap-input-checkbox i {display:inline-block; width:12px; height:12px; position:absolute; top:50%; left:0; margin-top:-6px; background:url(../../images/icon_checkbox2.png) no-repeat;}
.ddp-form-login .ddp-ui-login-option .ddp-wrap-input-checkbox input[type="checkbox"]:checked + i {background-position:-26px -13px;}
.ddp-form-login .ddp-ui-login-option .ddp-wrap-input-checkbox input[type="checkbox"]:checked + i + label {font-weight: bold;}

.ddp-form-login a.ddp-link-search {color:#272950; font-size:13px; font-weight: 300;}
.ddp-form-login a.ddp-link-sign  {position:relative; margin-left:12px; padding-left:12px; color:#272950; font-size:13px;font-weight: 300;}
.ddp-form-login a.ddp-link-sign:before {display:inline-block; height:13px;  position:absolute; top:50%; left:0; margin-top:-7px; border-left:1px solid #585879; content:'';}
.ddp-form-login a.ddp-link-search:hover {text-decoration: underline;}
.ddp-form-login a.ddp-link-sign:hover  {text-decoration: underline;}

.ddp-ui-login a.ddp-link-request {color:#fff; font-size:14px; text-decoration:underline;}
.ddp-ui-login-buttons {padding-bottom:15px;}
.ddp-ui-login-buttons a.ddp-btn {display:inline-block; width:100%; color:#fff; font-size:14px; text-align:center; line-height:38px; font-weight:bold;border-radius:3px; background-color:#272950;}
.ddp-ui-login-buttons a.ddp-btn:hover {background-color:#7575ea; }
.metatron-login .ddp-bg-login {display:inline-block; background:url(../../images/login.jpg) no-repeat; background-size:100% 100%;}

/***********************************************************************************************************
	로그인 footer
************************************************************************************************************/
.ddp-layout-footer {position:absolute; left:66px; bottom:30px; width:278px;text-align:center; z-index:1; overflow:hidden;}
.ddp-ui-footer {display:inline-block; position:relative; text-align:left;}
.ddp-ui-footer img.ddp-logo-sk {position:absolute; top:30px; left:0;}
.ddp-ui-footer ul.ddp-list-footer {float:left; display:inline-block; overflow:hidden;}
.ddp-ui-footer ul.ddp-list-footer li {float:left;}
.ddp-ui-footer ul.ddp-list-footer li a {display:block; position:relative; padding:0 7px 0 6px;  color:#272950; font-weight: 300;}
.ddp-ui-footer ul.ddp-list-footer li a:hover {text-decoration: underline;}
.ddp-ui-footer ul.ddp-list-footer li a em {display:none;}
.ddp-ui-footer ul.ddp-list-footer li:first-of-type a:after {display:none;}
.ddp-ui-footer ul.ddp-list-footer li a:after {display:inline-block; position:absolute; top:50%; left:0; margin-top:-7px; content:''; height:13px; border-right:1px solid #909090;}
.ddp-ui-footer ul.ddp-list-footer li:first-child a {padding-left:0;}
.ddp-ui-footer span.ddp-ui-copy {float:left; display:inline-block; padding:3px 0 0 0; color:rgba(39,41,80,0.6); font-size:12px; letter-spacing: -1px;}

/***********************************************************************************************************
	로그인 팝업
************************************************************************************************************/
.ddp-wrap-popup {position:fixed;  left:0; right:0; bottom:0; top:0; z-index:126; }
.ddp-ui-popup-in {position:absolute;  left:0; right:0; bottom:0; top:0; overflow:auto;}
.ddp-wrap-popup em.ddp-bg-popup {position:fixed; left:0; right:0; bottom:0; top:0; background-color:rgba(208,209,216,0.5);}
.ddp-ui-popup-table {display:table; width:100%; height:100%;}
.ddp-wrap-popup .ddp-ui-popup {position:relative; left:50%; width:600px; margin:98px 0 98px -300px; padding:100px 0 60px 0; background-color:#fff; z-index:91;}
.ddp-wrap-popup .ddp-ui-popup a.ddp-btn-close {display:inline-block; position:absolute; top:20px; right:20px; width:23px; height:23px; background:url(../../images/btn_popclose.png) no-repeat; z-index:1;}

.ddp-popup-table-cell {display:table-cell; vertical-align:middle; text-align:center;}
.ddp-wrap-popup .ddp-popup-table-cell .ddp-ui-popup {display:inline-block; padding-bottom:100px; position:relative; margin:0; left:0;}
.ddp-wrap-popup .ddp-ui-popup span.ddp-ui-pop-title {display:block; padding-bottom:28px; text-align:center; font-size:28px; font-weight:300; color:#222;}
.ddp-ui-popup ul.ddp-list-tab {display:block; padding:20px 0 0 0; text-align:center;}
.ddp-ui-popup ul.ddp-list-tab li {display:inline-block; padding:0 12px 0 12px;}
.ddp-ui-popup ul.ddp-list-tab li a {display:block; padding-bottom:10px;color:#444; font-size:14px; border-bottom:2px solid #fff;}
.ddp-ui-popup ul.ddp-list-tab li.ddp-selected a {border-bottom:2px solid #ff8b00; font-weight:bold;}

.ddp-ui-popup .ddp-ui-buttons2 {padding-top:55px;}
.ddp-ui-popup .ddp-ui-buttons2 .ddp-btn-type-popup {margin:0 4px;}
.ddp-ui-popup .ddp-txt-pop-info {padding:36px 68px 0 68px; color:#90969f; font-size:14px; text-align:center;}

.ddp-ui-search-contet {padding:27px 68px 0 68px;}
.ddp-ui-search-contet.ddp-ui-id-content {padding-top:55px;}
.ddp-ui-search-contet .ddp-ui-input-form {padding-bottom:45px;}
.ddp-ui-search-contet .ddp-ui-input-form .ddp-ui-error {display:block; padding:10px 0 0 0; color:#ff3324; font-size:14px;}
.ddp-ui-search-contet .ddp-ui-input-form .ddp-ui-error em.ddp-icon-error {display:inline-block; position:relative; top:-1px; margin-right:5px; width:15px; height:15px; background:url(../../images/icon_info.png) no-repeat; vertical-align:middle;}

.ddp-ui-search-id {padding:106px 68px 117px 68px;}
.ddp-ui-search-id span.ddp-txt-data {display:block; padding:0 0 10px 0; border-bottom:1px solid #ddd; color:#444; font-size:16px; text-align:center;}
.ddp-ui-search-id span.ddp-txt-data em.ddp-data-id {color:#ff8b00;}

.ddp-wrap-popup .ddp-ui-popup.ddp-box-user-popup {margin-top:98px; margin-bottom:40px; padding-top:40px; padding-bottom:40px;}
.ddp-wrap-popup .ddp-ui-popup.ddp-box-user-popup .ddp-ui-buttons2 {padding-top:0;}
.ddp-wrap-popup .ddp-ui-popup.ddp-box-user-popup .ddp-ui-user-contet {padding-top:30px;}

.ddp-ui-user-contet {padding:45px 68px 0 68px;}
.ddp-ui-input-form {position:relative; padding-bottom:35px;}
.ddp-ui-input-form .ddp-ui-error {display:block; position:absolute; bottom:15px;  color:#eb5f58; font-size:12px;}
.ddp-ui-input-form .ddp-ui-error em.ddp-icon-error {display:none; position:relative; top:-1px; margin-right:5px; width:11px; height:11px; background:url(../../images/icon_info.png) no-repeat; background-position:-16px 0; vertical-align:middle;}
.ddp-ui-input-form .ddp-input-check {position:relative; padding-right:20px; border-bottom:1px solid #ddd;}
.ddp-ui-input-form .ddp-input-check input {border-bottom:none;}
.ddp-ui-input-form .ddp-input-check em.ddp-icon-ok,
.ddp-ui-input-form .ddp-input-check em.ddp-icon-error {display:inline-block; position:absolute; top:50%; right:0; background:url(../../images/icon_message.png) no-repeat;}
.ddp-ui-input-form .ddp-input-check em.ddp-icon-error {display:none; width:9px; height:9px; margin-top:-5px;}
.ddp-ui-input-form .ddp-input-check em.ddp-icon-ok {display:none; width:11px; height:8px; margin-top:-4px; background-position:left -10px;}

.ddp-ui-input-form.ddp-type-ok .ddp-input-check .ddp-icon-ok {display:block;}
.ddp-ui-input-form.ddp-type-error .ddp-input-check .ddp-icon-error {display:block;}
.ddp-ui-input-form.ddp-type-error .ddp-input-check .ddp-icon-ok {display:none;}
.ddp-input-clear {margin:0 -5px;}
.ddp-ui-input-form.ddp-col-6 {padding:0  5px 35px 5px;}
.ddp-ui-user-contet .ddp-wrap-overflow {margin:0 -10px;}
.ddp-ui-user-contet .ddp-wrap-overflow .ddp-ui-fleft {float:left; width:50%; padding:0 5px; box-sizing:Border-box;}
.ddp-ui-user-contet .ddp-wrap-overflow .ddp-ui-fright {float:right; width:50%; padding:0 5px; box-sizing:border-box;}
.ddp-ui-user-contet .ddp-wrap-overflow .ddp-ui-input-form {padding:0 5px 35px 5px;}

.ddp-ui-user-contet .ddp-ui-input-form .ddp-input-check .ddp-icon-error {background-position:left -28px;}
.ddp-ui-user-contet .ddp-ui-input-form .ddp-input-check .ddp-icon-ok {background-position:left -38px;}

.ddp-ui-input-form .ddp-ui-error {visibility:hidden;}
.ddp-ui-input-form.ddp-type-error .ddp-ui-error {visibility:inherit;}
.ddp-ui-info .ddp-txt-info {display:block; padding-bottom:15px;}
.ddp-ui-info .ddp-txt-info em.ddp-icon-info {position:relative; top:-1px; margin-right:5px;vertical-align:middle;}

.ddp-ui-file-select {position:relative; padding-bottom:65px;}
.ddp-ui-file-select .ddp-ui-buttons {padding:31px 0 31px 0; margin-top:14px;}
.ddp-ui-file-select .ddp-ui-buttons .ddp-btn-sbutton {float:left; position:relative; min-width:90px; padding:6px 10px; margin:0 2px; color:#444; font-size:13px; text-align:center; border-radius:3px; border:1px solid #ccc; box-sizing:border-box;}
.ddp-ui-file-select .ddp-ui-buttons .ddp-btn-sbutton:hover {border:1px solid #b7b9c1}

.ddp-ui-file-select .ddp-ui-buttons .ddp-btn-sbutton input[type="file"] {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; opacity:0;}
.ddp-ui-file-select .ddp-ui-buttons .ddp-btn-sbutton.ddp-bg-gray {color:#fff; border:1px solid #90969f; background-color:#90969f;}
.ddp-ui-file-select .ddp-ui-buttons .ddp-btn-sbutton.ddp-bg-gray:hover {background-color:#4b515b;}
.ddp-ui-file-select span.ddp-txt-file-det {display:block; color:#9c9c9c; font-size:12px;}

.ddp-ui-file-select .ddp-data-photo {float:left; width:90px; height:90px; margin-top:14px; margin-right:25px;  border-radius:50%; overflow:hidden;}
.ddp-ui-file-select .ddp-data-photo img {width:100%; height:100%;}

.ddp-ui-popup .ddp-ui-buttons2 {display:block;  padding-top:55px; text-align:center; overflow:hidden;}

/***********************************************************************************************************
	PAGE : 로그인 privacy
************************************************************************************************************/
.ddp-wrap-popup .ddp-ui-popup.ddp-box-policy-popup {margin-top:40px;}
.ddp-wrap-popup .ddp-ui-popup.ddp-box-policy-popup span.ddp-ui-pop-title {padding-bottom:0; font-weight:normal; font-size:28px;}
.ddp-ui-policy-contet {padding:50px 70px;}
.ddp-ui-policy-contet p.ddp-ui-p {padding-bottom:40px; color:#4b515b; font-size:18px;}
.ddp-ui-policy-contet p.ddp-ui-p2 strong {display:block;}
.ddp-ui-policy-contet dl.ddp-ui-dl {padding-bottom:40px;}
.ddp-ui-policy-contet dl.ddp-ui-dl * {line-height:1.5em; font-size:13px;}
.ddp-ui-policy-contet dl.ddp-ui-dl dt {padding-bottom:10px; font-size:13px; font-weight:bold; color:#4b515b;}
.ddp-ui-policy-contet dl.ddp-ui-dl dd {font-size:13px; color:#4b515b;}
.ddp-ui-policy-contet dl.ddp-ui-dl dd ol li  {padding-bottom:10px;}
.ddp-ui-policy-contet dl.ddp-ui-dl dd ol li ul {padding-top:10px;}
.ddp-ui-policy-contet dl.ddp-ui-dl dd ol li ul li {padding-left:20px; padding-bottom:0;}

/***********************************************************************************************************
	PAGE : 워크북 생성 팝업
************************************************************************************************************/
.ddp-box-popup .ddp-wrap-editbox {width:460px; margin:0 auto; padding-bottom:45px;}
.ddp-box-popup .ddp-wrap-editbox .ddp-wrap-edit2:first-of-type {margin-top:0;}
.ddp-box-popup .ddp-wrap-edit2 {margin-top:35px;}
.ddp-box-popup .ddp-wrap-edit2:first-child {padding-top:0;}

.ddp-box-popup .ddp-txt-alert {padding:35px 0 40px 0; color:#90969f; font-size:14px; text-align:center;}

/**************************************************************
  Page : 대시보드
**************************************************************/
.ddp-box-widget.type-event-trigger .ddp-top-control {float:auto; width:100%;background-color:#4b515b;}
.ddp-ui-boardedit .ddp-box-widget.type-event-trigger .ddp-top-control {background-color:#4b515b;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-info2:before{display:inline-block; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; width:15px; height:14px; background:url(../../images/icon_widget.png) no-repeat; background-position:left -244px; content:'';}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2:hover em.ddp-icon-widget-info2:before  {background-position:-16px -244px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 .ddp-box-info.ddp-limitation {display:none;position:absolute; top:100%; right:-100px;padding:6px 10px; width:240px; border-radius:3px;background-color:#7182ba; color:#fff; box-sizing:border-box; z-index:1000;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 .ddp-box-info.ddp-limitation .ddp-total {display:block;padding-bottom:4px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 .ddp-box-info.ddp-limitation .ddp-total strong {display:block;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2:hover .ddp-box-info.ddp-limitation {display:block;}

/**************************************************************
  Page : 대시보드 편집
**************************************************************/
.page-dashboard-edit .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2:hover .ddp-box-info.ddp-limitation {right:-20px;}

/**************************************************************
  Page : 대시보드 열람
**************************************************************/
.page-dashboard .ddp-box-widget.ddp-popup-show:hover,
.ddp-box-widget.ddp-active.ddp-popup-show
{z-index:initial;}
.page-dashboard .ddp-box-widget .popup-chart-data {display:block !important; position:fixed; left:0; right:0; bottom:0; top:0; z-index:200;}

/**************************************************************
  Page : 대시보드 열람 (툴팁)
**************************************************************/
.page-dashboard .ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-info2:before {width:15px; height:14px; margin:-7px 0 0 -8px; background-position:left -244px;}
.page-dashboard .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2:hover em.ddp-icon-widget-info2:before {background-position:-16px -244px;}
.page-dashboard .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 .ddp-box-info.ddp-limitation strong {display:block;}
.page-dashboard .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 .ddp-box-info.ddp-limitation .ddp-total {display:block;padding-bottom:4px;}

/**************************************************************
  popup : 02대시보드_01멀티데이터소스_01추가_2
**************************************************************/
.page-multidata .ddp-box-resultdata .ddp-type-top-option .ddp-part {float:left; position:relative;padding:8px 14px;}
.page-multidata .ddp-box-resultdata .ddp-type-top-option .ddp-link-unlink {color:#90969f; font-size:13px;}
.page-multidata .ddp-box-resultdata .ddp-type-top-option .ddp-link-unlink:hover {color:#4b515b;}
.page-multidata .ddp-box-resultdata .ddp-type-top-option .ddp-link-unlink:before {display:inline-block; width:15px; height:10px; margin-right:3px; background:url(../../images/icon_unlink.png) no-repeat; content:'';}
.page-multidata .ddp-box-resultdata .ddp-type-top-option .ddp-link-unlink:hover:before {background-position-x:-16px;}
/**************************************************************
  Page : 데이터소스 상세
**************************************************************/
.ddp-wrap-info-detail {padding:0 80px;}
.ddp-ui-info-detail .ddp-label-detail {color:#4e5368; font-size:13px; font-weight:bold;}
.ddp-ui-info-detail .ddp-label-detail .ddp-ui-buttons {padding:4px 0 0 0;}
.ddp-ui-info-detail .ddp-label-detail .ddp-btn-box-edit {display:inline-block; padding:2px 5px 3px 5px; border-radius:2px; background-color: rgba(231, 231, 234, 0.5); font-size:12px; color:#4b515b; font-weight:normal; font-style:italic;}
.ddp-ui-info-detail {padding:30px 0 0 0;}

.ddp-ui-info-detail table.ddp-table-detail {margin-top:9px;}

.ddp-ui-info-detail .ddp-label-detail.type-inline {float:left; display:inline-block; width:135px;}
.ddp-ui-info-detail .wrap-info-table {display:block; height:240px; overflow:auto; border-radius:3px;border:1px solid #d0d1d8; box-sizing:border-box;}
.ddp-ui-info-detail .wrap-info-table .ddp-table-form tr th {border:none; text-align:left;}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2 {border-bottom:none;}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2 tbody tr > td {padding:7px 10px 7px 10px; word-break:break-all;}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2 tbody tr > td .ddp-btn-box-edit {display:inline-block; padding:3px 5px 4px 5px; border-radius:2px; background-color: rgba(231, 231, 234, 0.5); color:#4b515b; font-size:12px; font-style:italic;}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr td {cursor:pointer;}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr td .ddp-icon-view {display:none; width:8px; height:13px; background:url(../../images/data_arrow.png) no-repeat; background-position:left -14px; transform:rotate(180deg);}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr.ddp-selected td .ddp-icon-view,
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr:hover td .ddp-icon-view {display:block;}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr.ddp-selected td,
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr:hover td {background-color:#f2f1f8; border-top:1px solid #9ca2cc; border-bottom:1px solid #9ca2cc;}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr.ddp-selected td,
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr:hover td {padding:6px 10px 6px 10px}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr.ddp-selected td:first-of-type,
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr:hover td:first-of-type {border-left:1px solid #9ca2cc; padding-left:9px;}
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr.ddp-selected td:last-of-type,
.ddp-ui-info-detail .wrap-info-table table.ddp-table-type2.type-cursor tr:hover td:last-of-type {border-right:1px solid #9ca2cc; padding-right:9px;}
.ddp-ui-info-detail .box-graph {display:block; height:110px; border:1px solid #d0d1d8; border-radius:3px; overflow:hidden;}
.ddp-ui-info-detail .ddp-data-num:first-of-type {margin-left:15px; padding-left:0;}
.ddp-ui-info-detail .ddp-data-num:first-of-type:before {display:none;}
.ddp-ui-info-detail .ddp-data-num {position:relative; padding-left:7px; margin-left:7px; font-weight:normal;}
.ddp-ui-info-detail .ddp-data-num:before {position:absolute; top:0; left:0;height:15px; border-left:1px solid #4b515b; content:'';}
.ddp-ui-info-detail .wrap-data-detail {display:flex; height:452px; padding-top:10px; margin-bottom:40px;}
.ddp-ui-info-detail .wrap-data-detail .wrap-info-table.type-left {height:100%; min-width:315px; width:315px; overflow:auto;}
.ddp-ui-info-detail .wrap-data-detail .wrap-info-table-detail {flex:auto; padding:15px 20px; height:100%; border:1px solid #d0d1d8; box-sizing:border-box; overflow:auto;}
.ddp-ui-info-detail .wrap-data-detail .wrap-info-table-detail .data-interval {font-size:16px; color:#4b515b; font-weight:bold;}
.ddp-ui-info-detail .wrap-data-detail .wrap-info-table-detail .wrap-info-table {margin-top:12px; height:auto;}
/**************************************************************
  Page : 05_매니지먼트_00데이터저장소_02데이터소스상세
**************************************************************/
/* 상태 */
.ddp-ui-status-type {float:left; margin-right:62px;}
.ddp-ui-status-type .ddp-top-status .ddp-link-detail {margin-left:6px; color:#90969f; font-size:12px; text-decoration:underline; font-style:italic;}
.ddp-ui-status-type .ddp-top-status .ddp-link-detail:hover {color:#4b515b;}
.ddp-ui-status-type .ddp-box-status {margin-top:5px;background-color:#f6f6f7;}
.ddp-box-status {float:left; padding:10px 10px; background-color:#f6f6f7; }
.ddp-list-status {position:relative; overflow:hidden;}
.ddp-list-status .ddp-status {width:130px;}
.ddp-list-status .ddp-status {position:relative; float:left; padding:0 5px;min-width:80px; text-align:center; box-sizing:border-box;}
.ddp-list-status .ddp-status:last-of-type {min-width:auto; padding-right:0;}

.ddp-list-status .ddp-status .ddp-num {position:relative;display:inline-block; width:24px; height:24px; padding:3px; border-radius:50%; border:2px solid #c1c3cb; text-align:center; color:#b7b9c3; font-size:13px; font-weight:bold; box-sizing:Border-box; background-color:#fff; z-index:1;}
.ddp-list-status .ddp-status .ddp-txt-status {display:block; padding:5px 0 0 0; white-space:nowrap; color:#4b515b; font-size:12px;}
.ddp-list-status .ddp-status.ddp-finish .ddp-num {position:relative; background-color:#4b515b; color:#fff; border-color:#4b515b;}
.ddp-list-status .ddp-status + .ddp-status {position:relative;}
.ddp-list-status .ddp-status.ddp-finish:after {}
.ddp-list-status .ddp-status .ddp-line {display:inline-block; position:absolute; left:50%; top:10px; right:-70px; height:3px; background-color:#4b515b; content:'';}
.ddp-list-status .ddp-status .ddp-line.type-dotted {background:none; background:url(../../images/bg_status_ing.png) repeat-x;}
.ddp-list-status .ddp-status .ddp-line.type-finish {background:#d0d1d8;}
.ddp-list-status .ddp-status.ddp-ing .ddp-num {color:#4b515b; border-color:#4b515b;}
.ddp-list-status .ddp-status.ddp-ing .ddp-txt-status {color:#b7b9c3;}
.ddp-list-status .ddp-status.ddp-complete .ddp-txt-status {color:#b7b9c3;}
.ddp-list-status .ddp-status.ddp-fail:before {background-color:#4b515b;}
.ddp-list-status .ddp-status.ddp-fail .ddp-num {border-color:#dc494f;background-color:#dc494f; color:#fff;}

.page-datasource-detail {}
.page-datasource-detail .ddp-ui-status-type {width:100%;}
.page-datasource-detail .ddp-ui-status-type .ddp-top-status {width:100%; position:relative; padding-bottom:10px;}
.page-datasource-detail .ddp-ui-status-type .ddp-top-status .ddp-wrap-log {display:none; position:relative; height:414px; padding:15px; background-color:#35393f; clear:Both; color:#b6b9c2; font-size:12px; line-height:18px; box-sizing:border-box; overflow:auto;}
.page-datasource-detail .ddp-ui-status-type .ddp-top-status .ddp-wrap-log a.ddp-btn-popup-view {position:absolute; top:11px; right:12px; padding:7px  10px; border-radius:3px; background-color:#4b515b; color:#d0d1d8; font-size:13px; }
.page-datasource-detail .ddp-ui-status-type .ddp-top-status .ddp-wrap-log a.ddp-btn-popup-view .ddp-icon-popup-view {display:Inline-block; width:13px; height:12px; margin-right:5px; background:url(../../images/icon_window.png) no-repeat; background-position:left -11px;}
.page-datasource-detail .ddp-ui-status-type .ddp-top-status .ddp-btn-folding.ddp-selected + .ddp-wrap-log {display:block;}
.page-datasource-detail .ddp-ui-status-type .ddp-top-status .ddp-btn-folding {display:inline-block; position:relative; padding:3px 20px 4px 7px; margin-left:10px; border:1px solid #d0d1d8; border-radius:2px; color:#9ba0a8; font-size:12px; box-sizing:border-box;}
.page-datasource-detail .ddp-ui-status-type .ddp-top-status .ddp-btn-folding.ddp-selected { background-color:#35393f; border:1px solid #35393f; color:#fff;}
.page-datasource-detail .ddp-ui-status-type .ddp-top-status .ddp-btn-folding:after {display:inline-block; position:absolute; top:50%; right:7px; margin-top:-2px;  width:7px; height:4px; background:url(../../images/icon_select.png) no-repeat; background-position:-8px top; content:'';}

.page-datasource-detail .ddp-ui-status-type .ddp-top-status .ddp-btn-folding.ddp-selected:after {background-position:-32px top; transform:rotate(180deg)}
.page-datasource-detail .ddp-wrap-link-detail {display:inline-block; margin-top:3px; text-align:left;}
.page-datasource-detail .ddp-wrap-link-detail .ddp-wrap-link-detail {position:Relative; top:0; left:0; right:0; text-align:left;}
.page-datasource-detail .ddp-wrap-link-detail .ddp-box-layout4 {right:inherit; left:0;}
.page-datasource-detail .ddp-box-histogram .ddp-box-graph .ddp-historam-tooltip {display:inline-block; position:absolute; top:0; left:0;padding:9px;border-radius:4px; background-color:rgba(0,0,0,0.6); color:#fff; font-size:13px;}

.page-datasource-detail table.ddp-table-detail2 tr td .ddp-info {color:#b7b9c2; font-size:12px; font-style:italic;}
.page-datasource-detail table.ddp-table-detail2 tr td .ddp-info:before {display:inline-block; width:13px; height:13px; margin-right:3px; background:url(../../images/icon_info.png) no-repeat; background-position:-42px -16px; content:''; vertical-align:middle;}

/************************************************************************
	PAGE : 대시보드 생성 팝업
***************************************************************************/
.ddp-popup-dashboard {position:relative; width:1192px; margin:auto; padding-top:1px; text-align:left;}
.ddp-popup-dashboard .ddp-wrap-grid.ddp-selected {margin-right:300px;}
.ddp-popup-dashboard .ddp-wrap-grid .ddp-box-viewtable {min-height:425px; box-sizing:border-box;}

.ddp-type-top-option {padding-bottom:13px;}
.ddp-type-top-option .ddp-top-title {line-height:30px;font-size:13px; color:#90969f; font-weight:bold;}
.ddp-type-top-option .ddp-ui-rightoption {float:right;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-btn-box-close {display:inline-block; position:relative; float:left; width:33px; height:32px; border-left:1px solid #d7d8dd;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-btn-box-close:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; width:16px; height:16px; background:url(../../images/btn_close.png) no-repeat; content:'';}
.ddp-type-top-option .ddp-ui-rightoption .ddp-wrap-edit .ddp-label-checkbox {top:0;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-label-checkbox {position:relative; top:8px; float:left;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-label-checkbox .ddp-txt-checkbox {color:#b7b9c2;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-label-checkbox  input[type="checkbox"]:checked + i.ddp-icon-checkbox + .ddp-txt-checkbox {color:#4c515a;}

.ddp-type-top-option .ddp-ui-rightoption .ddp-wrap-iconbuttons {float:left;position:relative; top:4px;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-wrap-iconbuttons em[class*="ddp-icon-widget-"] {position:relative; float:left; margin-left:9px;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-wrap-iconbuttons em[class*="ddp-icon-widget-"] .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:19px;}
.ddp-type-top-option .ddp-ui-rightoption a.ddp-link-public { float:left; padding:5px 16px; color:#90969f; font-size:14px;}
.ddp-type-top-option .ddp-ui-rightoption a.ddp-link-public em.ddp-icon-global-s {margin-right:5px; vertical-align: middle;}
.ddp-type-top-option .ddp-ui-rightoption a.ddp-link-public.ddp-selected {background-color:#e7e7ea; color:#4b515b; border-radius:2px;}
.ddp-type-top-option .ddp-ui-rightoption a.ddp-link-public.ddp-selected em.ddp-icon-global-s {background-position:-14px -18px;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-form-label2 {float:left; margin-left:28px; color:#b7b9c2;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-btn-selection.type-option {margin-left:6px; color:#90969f;}
.ddp-type-top-option .ddp-form-label2 .ddp-label-type {font-size:13px;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-switch {float:left; position:relative; top:9px; margin-left:28px;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-link-toggle.ddp-fleft {margin-left:28px;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-checkoption {float:left; position:relative; top:7px;}
.ddp-type-top-option .ddp-wrap-dropdown {width:168px;}
.ddp-type-top-option ul.ddp-ui-tab {border-top:1px solid #fff;}
.ddp-ui-bottomoption {position:absolute; top:100%; left:0; right:0; padding-top:3px;}
.ddp-ui-bottomoption span.ddp-data-type {color:#b7b9c2; font-size:12px;}

.ddp-box-grid-detail {position:absolute; top:44px; right:0; bottom:1px; width:300px; border:1px solid #d5d6db; overflow-y:auto; background-color:#fff; box-sizing:border-box;}
.ddp-box-grid-detail.ddp-type {top:0;}
.ddp-box-grid-detail .ddp-btn-close-s {display:inline-block; position:absolute; top:20px; right:15px; width:16px; height:16px; background:url(../../images/btn_popclose.png) no-repeat; background-position:left -84px; z-index:1;}
.ddp-box-grid-detail .ddp-btn-close-s:hover {background-position:-17px -84px;}
.ddp-box-grid-detail .ddp-wrap-datadetail {padding:0 0 20px 0;}

.ddp-box-grid-detail.ddp-type2 .ddp-wrap-datadetail {margin:0 12px;}
.ddp-box-grid-detail.ddp-type2 .ddp-wrap-datadetail .ddp-dl-detail dt {padding-left:2px;}
.ddp-box-grid-detail.ddp-type2 .ddp-wrap-datadetail + .ddp-wrap-datadetail {padding-top:20px; border-top:1px solid #e7e7ea; }
dl.ddp-dl-detail dd .ddp-data-none {color:rgba(208,209,216); font-size:13px;}
dl.ddp-dl-detail dd br {display:block; margin-top:5px;}

.ddp-box-grid-detail .ddp-wrap-datadetail .ddp-dl-detail {width:100%; table-layout:fixed; overflow:hidden;}
.ddp-box-grid-detail .ddp-wrap-datadetail .ddp-dl-detail dt,
.ddp-box-grid-detail .ddp-wrap-datadetail .ddp-dl-detail th {float:left; padding:5px 8px 5px 14px; width:90px; color:#b7bac1; font-size:13px; font-weight:normal; box-sizing:border-box;}
.ddp-box-grid-detail .ddp-wrap-datadetail .ddp-dl-detail th {width:auto;}
.ddp-box-grid-detail .ddp-wrap-datadetail.ddp-size dl.ddp-dl-detail dt {width:120px;}
.ddp-box-grid-detail .ddp-wrap-datadetail dl.ddp-dl-detail dd{display:block; padding:5px 5px; color:#4b515b; font-size:13px; overflow:hidden;}
.ddp-box-grid-detail .ddp-wrap-datadetail dl.ddp-dl-detail dd .ddp-dl-sub-detail {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#b7bac1}
.ddp-box-grid-detail .ddp-wrap-datadetail .ddp-dl-detail td {padding:5px 5px; color:#4b515b; font-size:13px; overflow:hidden;}
.ddp-box-grid-detail .ddp-wrap-datadetail dl.ddp-dl-detail dd span.ddp-txt-det {display:block;}
.ddp-box-grid-detail .ddp-wrap-datadetail dl.ddp-dl-detail dd span.ddp-txt-det + span.ddp-txt-det {padding-top:5px;}
.ddp-box-grid-detail .ddp-wrap-datadetail dl.ddp-dl-detail dd .ddp-data-det,
.ddp-box-grid-detail .ddp-wrap-datadetail .ddp-dl-detail td .ddp-data-det {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word; overflow:hidden;}
.ddp-box-grid-detail .ddp-wrap-datadetail dl.ddp-dl-detail dd .ddp-tags {max-width:110px; padding:6px; border-radius:3px; background-color:#f2f1f8; color:#666eb2; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; }
.ddp-box-grid-detail .ddp-wrap-datadetail dl.ddp-dl-detail dd .ddp-tags + .ddp-tags {margin-left:5px;}
.ddp-box-grid-detail.type-detail .ddp-data-detailinfo .ddp-data-name {padding:0;}
.ddp-box-grid-detail.type-detail .ddp-detail-button {padding:20px 17px 0 0; float:right; position:relative; z-index:1;}
.ddp-box-grid-detail.type-detail .ddp-detail-button .ddp-btn-close-s {position:relative; top:0; right:0; float:left;}
.ddp-box-grid-detail.type-detail .ddp-detail-button .ddp-ui-detail  {position:relative; top:0; right:0; margin-right:10px; float:left;}
.ddp-box-grid-detail.type-detail .ddp-ui-detail .ddp-icon-detail {display:inline-block; width:17px; height:18px; background:url(../../images/icon_detail2.png) no-repeat;}
.ddp-box-grid-detail.type-detail .ddp-ui-detail .ddp-ui-tooltip-info {position:absolute; top:100%; right:-10px; left:inherit; margin-top:6px;}
.ddp-box-grid-detail.type-detail .ddp-ui-detail:hover .ddp-ui-tooltip-info {display:block;}
.ddp-box-grid-detail.type-detail .ddp-ui-detail .ddp-ui-tooltip-info em.ddp-icon-view-top {right:17px; left:inherit;}
.ddp-box-grid-detail.type-detail .ddp-data-detailinfo {display:block; overflow:hidden;}

.ddp-box-grid-detail .ddp-data-detailinfo {position:relative; padding:15px 12px;}
.ddp-box-grid-detail .ddp-data-detailinfo .ddp-ui-detail {position:absolute; top:20px; right:46px; cursor:pointer;}
.ddp-box-grid-detail .ddp-data-detailinfo .ddp-ui-detail .ddp-icon-detail {display:inline-block; width:17px; height:18px; background:url(../../images/icon_detail2.png) no-repeat;}
.ddp-box-grid-detail .ddp-data-detailinfo .ddp-ui-detail .ddp-ui-tooltip-info {position:absolute; top:100%; right:-10px; left:inherit; margin-top:6px;}
.ddp-box-grid-detail .ddp-data-detailinfo .ddp-ui-detail:hover .ddp-ui-tooltip-info {display:block;}
.ddp-box-grid-detail .ddp-data-detailinfo .ddp-ui-detail .ddp-ui-tooltip-info em.ddp-icon-view-top {right:17px; left:inherit;}
.ddp-box-grid-detail span.ddp-data-name {display:block; width:100%; padding-right:60px; color:#35393f; font-size:16px; font-weight:bold; line-height:26px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box;}
.ddp-box-grid-detail span.ddp-data-name span.ddp-sub {font-weight:300; color:#35393f; font-size:16px;}
.ddp-box-grid-detail .ddp-data-listview {border-top:1px solid #e7e7ea; border-bottom:1px solid #e7e7ea;}
.ddp-box-popupcontents {position:relative; width:800px; margin:0 auto; text-align:left;}
.ddp-box-popupcontents2 {width:460px; margin:0 auto; padding-bottom:24px; text-align:left;}
.ddp-box-popupcontents2 [class*="ddp-wrap-edit3"] {margin-top:20px;}
.ddp-wrap-boxtype {padding:25px 50px; width:600px; margin-left:-70px; min-height:200px; max-height:300px; background-color:#fafafa; overflow-y:auto; box-sizing:border-box;}
.ddp-wrap-boxtype.ddp-scroll-none {max-height:inherit; overflow:inherit;}
.ddp-wrap-boxtype::-webkit-scrollbar-track {background:#fafafa;}
.ddp-wrap-boxtype::-webkit-scrollbar-thumb  {border-color:#fafafa;}
.ddp-wrap-boxtype.ddp-box-size {height:150px;}
.ddp-wrap-boxtype .ddp-wrap-boxdata {width:100%; padding-bottom:5px;}
.ddp-wrap-boxtype .ddp-wrap-boxdata:last-of-type {padding-bottom:0;}
.ddp-wrap-boxtype .ddp-label-type {float:left; width:150px; margin-right:10px; font-size:13px; color:#b7bac1; line-height:1.5em; box-sizing:border-box; overflow:hidden;}
.ddp-wrap-boxtype .ddp-box-form {display:block; overflow:hidden;}
.ddp-wrap-boxtype .ddp-box-form .ddp-data-txt {display:block; padding-bottom:5px; font-size:13px; color:#4b515b; line-height:1.5em;}
.ddp-wrap-boxtype .ddp-box-form ul.ddp-list-sub li {position:relative; padding:0 0 5px 10px; color:#b7bac1; font-size:12px;}
.ddp-wrap-boxtype .ddp-box-form ul.ddp-list-sub li:before {display:inline-block; position:absolute; top:4px; left:0; content:''; width:5px; height:5px; border-radius:50%; background-color:#b7bac1;}

.ddp-wrap-boxtype table.ddp-table-boxtype {width:100%;}
.ddp-wrap-boxtype table.ddp-table-boxtype tr th {min-width:150px;}

.ddp-box-form ul.ddp-list-set li {padding:7px 0; color:#4b515b; font-size:13px;}
.ddp-box-form ul.ddp-list-set li:first-of-type {padding-top:0;}

.ddp-box-fit { padding-top:10px; margin-bottom:-15px; text-align:right;}
.ddp-box-fit .ddp-wrap-form {display:inline-block; width:41%; margin-left:15px; }
.ddp-box-fit .ddp-wrap-form:first-of-type {margin-left:0;}
.ddp-box-fit .ddp-wrap-form span.ddp-label-form {position:relative; top:5px; margin-right:5px; float:left; color:#90969f; font-size:12px;}
.ddp-box-fit .ddp-wrap-form .ddp-box-option-input{display:block; overflow:hidden;}

/***********************************************************************************************************
	PAGE : 대시보드 생성 팝업 (조인)
************************************************************************************************************/
.ddp-box-join-option {height:259px; padding:19px 11px; background-color:#ececee; text-align:left; box-sizing:border-box; overflow-y:auto;}
.ddp-box-join-option a.ddp-data-name {display:block; float:left; position:relative; padding:10px 21px 9px 22px; width:270px; border-radius:4px; background-color:#4b515b; color:#fff; font-size:14px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ddp-box-join-option a.ddp-data-name .ddp-icon-database-w {margin-right:8px;}
.ddp-box-join-option a.ddp-data-name em.ddp-icon-view{display:inline-block; width:4px; height:7px; position:absolute; top:50%; right:13px; margin-top:-4px; background:url(../../images/icon_subview.png) no-repeat; background-position:left -10px;}
.ddp-box-join-option .ddp-view-join {margin-bottom:20px; overflow:hidden;}
.ddp-box-lookup {float:left; margin-left:-270px; padding-left:294px;}
.ddp-box-lookup ul.ddp-list-lookup li {position:relative; margin-top:20px;}
.ddp-box-lookup ul.ddp-list-lookup li:first-of-type {margin-top:0;}
.ddp-box-lookup ul.ddp-list-lookup li:first-of-type:before {display:inline-block; content:''; position:absolute; top:50%; left:-24px; width:24px; border-bottom:1px solid #374050;}
.ddp-box-lookup ul.ddp-list-lookup li:after {display:inline-block; content:''; position:absolute; top:-31px; left:16px; height:36px; margin-left:-2px; border-left:1px solid #374050; z-index:1;}
.ddp-box-lookup ul.ddp-list-lookup li:first-of-type:after {display:none;}

.ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-lookup {display:inline-block; padding-left:53px; position:relative;}
.ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-lookup:before {display:inline-block; content:''; position:absolute; top:50%; left:0; width:53px; border-bottom:1px solid #374050;}
.ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-lookup:last-of-type {padding-left:75px;}
.ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-lookup:last-of-type:before {width:75px;}
.ddp-box-lookup ul.ddp-list-lookup li em[class*="ddp-icon-join-"] {display:inline-block; position:absolute; top:50%; left:50%; width:28px; height:18px; margin:-9px 0 0 -14px; background:url(../../images/icon_join_s.png) no-repeat; z-index:1;}
.ddp-box-lookup ul.ddp-list-lookup li em.ddp-icon-join-right {background-position:left -19px;}
.ddp-box-lookup ul.ddp-list-lookup li em.ddp-icon-join-inner {background-position:left -38px;}
.ddp-box-lookup ul.ddp-list-lookup li em.ddp-icon-join-outer {background-position:left -57px;}

.ddp-box-lookup ul.ddp-list-lookup li a.ddp-ui-joinicon {display:inline-block; position:absolute; top:50%; left:-4px; width:34px; height:30px; margin-top:-15px;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-ui-joinicon:hover {border-radius:3px; background-color:#d7d8dd;}
.ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-lookup:last-of-type a.ddp-ui-joinicon {left:22px;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-joinname {display:block; position:relative; width:270px; padding:9px 13px 9px 13px; color:#4b515b; font-size:14px; border-radius:3px;  background-color:#dcdde2; box-sizing:border-box;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-joinname:hover {padding-right:50px;}
.ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-lookup:last-of-type a.ddp-link-joinname:before {width:55px; left:-55px;}

.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-joinname em.ddp-icon-database2 {position:relative; top:2px; float:left; width:12px; height:14px; margin-right:7px; background:url(../../images/icon_database.png) no-repeat; background-position:-13px top; vertical-align: middle; }
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-joinname span.ddp-data-joinname {display:block;  white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box; overflow:hidden;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-joinname .ddp-btn-edit {display:none; position:absolute; right:10px; top:50%; margin-top:-10px;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-joinname:hover .ddp-btn-edit {display:block;}

.ddp-box-lookup ul.ddp-list-lookup li.ddp-list-add:after {display:none;}
.ddp-box-lookup ul.ddp-list-lookup li.ddp-list-add:before {display:inline-block; position:absolute; left:13px; bottom:14px; content:''; width:34px; height:38px; background:url(../../images/bg_joinline.png) no-repeat;}

.ddp-box-lookup ul.ddp-list-lookup li.ddp-list-add {padding-left:53px;}
.ddp-box-lookup ul.ddp-list-lookup li.ddp-list-add:first-of-type {margin-left:-74px;}
.ddp-box-lookup ul.ddp-list-lookup li.ddp-list-add:first-of-type:before {display:none;}
.ddp-box-lookup ul.ddp-list-lookup li.ddp-list-add:first-of-type a.ddp-link-add-data {margin-top:0;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-add-data {display:inline-block; padding:9px 13px 9px 13px; margin-top:-6px; color:#b7b9c2; font-size:14px;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-add-data:hover {color:#4b515b;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-add-data .ddp-icon-add {margin-right:5px;}
.ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-add-data:hover .ddp-icon-add { background-position:left top;}

.ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-add-data {display:inline-block; position:relative; padding-left:74px; vertical-align: top;}
.ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-add-data:before {display:inline-block; content:''; position:absolute; top:50%; left:0; width:77px; border-top:1px dotted #4b515b;}

.ddp-popup-join .ddp-box-resultdata {position:relative; height:345px; border:1px solid #b7b9c2;}
.ddp-popup-join .ddp-box-resultdata span.ddp-txt-title {float:left; padding:16px 17px 15px 17px; color:#4b515b; font-size:13px; font-weight:bold; }
.ddp-popup-join .ddp-box-resultdata .ddp-wrap-grid-option {}
.ddp-popup-join .ddp-box-resultdata .ddp-wrap-grid-option .ddp-part-right {margin-top:-9px;}
.ddp-popup-join .ddp-box-resultdata .ddp-ui-grid-form {position:absolute; top:47px; left:0; right:0; bottom:0; overflow:auto;}

/**********************************************************************************
	PAGE : 대시보드 그리드 미리보기 팝업
**********************************************************************************/
.ddp-pop-preview {position:fixed; left:424px; right:124px; bottom:112px; top:155px;  background-color:#fff; z-index:126;}
.ddp-pop-preview.ddp-size-m {left:50%; right:inherit; bottom:inherit; top:50%; width:700px; height:500px; margin:-250px 0 0 -350px;}
.ddp-pop-preview:before {display:inline-block; content:''; position:fixed; left:0; right:0; bottom:0; top:0; background-color:rgba(208,209,216,0.5);}
.ddp-pop-preview.ddp-pop-database em.ddp-icon-view {display:inline-block; position:absolute; top:66px; left:-8px; width:8px; height:12px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -27px; z-index:3;}
.ddp-pop-preview .ddp-ui-top {position:relative; height:38px; background-color:#4b515b; border:1px solid #4b515b;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name {position:relative; padding:10px 30px 10px 15px;color:#fff; font-size:14px; font-weight:bold; }
.ddp-pop-preview .ddp-ui-top .ddp-data-name.ddp-cut {padding-right:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-txt-detail {display:inline-block; margin-left:5px; font-weight:normal; font-size:13px;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-database-s2 {margin-right:5px;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-wrap-info {display:inline-block;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-wrap-info span.ddp-data-info {display:inline-block; position:relative; padding:0 15px; color:#d0d1d8; font-size:13px;font-weight:normal; }
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-wrap-info span.ddp-data-info:after {display:inline-block; position:absolute; top:50%; left:0; content:''; height:12px; margin-top:-6px; border-right:1px solid #d0d1d8;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-wrap-info span.ddp-data-info:first-of-type:after {display:none;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-link-top {float:right; margin-right:38px; color:#d0d1d8; font-size:13px; text-decoration: underline; font-weight:normal;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-link-top:hover {color:#fff;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-scheme {position:relative; margin-right:5px;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-data-info {display:inline-block; margin-left:10px;  color:#90969f; font-size:12px; font-weight:normal;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name .ddp-data-info .ddp-icon-info {display:inline-block; width:13px; height:13px; margin-right:4px; background:url(../../images/icon_info.png) no-repeat; background-position:left -30px}
.ddp-pop-preview .ddp-ui-top em.ddp-icon-database,
.ddp-pop-preview .ddp-ui-top em.ddp-icon-database2 {display:inline-block; width:12px; height:14px; margin-right:5px; background:url(../../images/icon_database.png) no-repeat; background-position:-26px top; vertical-align: middle;}

.ddp-pop-preview .ddp-ui-top em.ddp-icon-database2 {background-position:left top;}
.ddp-pop-preview .ddp-ui-top em.ddp-btn-window {display:inline-block; position:absolute; top:11px; right:39px; width:12px; height:11px; background:url(../../images/icon_window2.png) no-repeat;}
.ddp-pop-preview .ddp-ui-top em.ddp-btn-popup-close {display:inline-block; width:9px; height:9px; position:absolute; top:50%; right:14px; margin-top:-5px;  background:url(../../images/btn_sclose.png) no-repeat; background-position:left -18px; cursor:pointer;}
.ddp-pop-preview .ddp-ui-top .ddp-btn-window {display:inline-block; position:absolute; top:50%; right:34px; margin-top:-6px;  width:12px; height:11px; background:url(../../images/icon_window2.png) no-repeat;}
.ddp-pop-preview .ddp-ui-top .ddp-wrap-source-name {padding:3px 8px;}
.ddp-pop-preview .ddp-ui-top .ddp-wrap-source-name .ddp-data-in {float:left; margin-right:7px;}
.ddp-pop-preview .ddp-ui-top .ddp-wrap-source-name .ddp-txt-description {display:block; padding:7px 0;color:#b7b9c2; font-size:13px; overflow:hidden;}
.ddp-pop-preview .ddp-ui-grid {position:absolute; top:38px; left:0; right:0; bottom:0; border:1px solid #4b515b;}

.type-scroll {padding:50px 90px; width:100%; height:100%; box-sizing:border-box;overflow:auto;background-color:rgba(208,209,216,0.5);}

.type-scroll .ddp-pop-preview {position:relative; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin-right:90px; min-width:850px;}
.type-scroll .ddp-pop-preview:before {display:none;}
/*.type-scroll .ddp-pop-preview:before {display:inline-block; content:''; position:fixed; left:0; right:0; bottom:0; top:0; background-color:rgba(208,209,216,0.5);}*/
.ddp-ui-preview-contents {position:absolute; top:38px; left:0; right:0; bottom:0; border:1px solid #4b515b; background-color:#fff; overflow:auto;}
.ddp-ui-preview-contents.type-relative {position:Relative; top:0; left:0; right:0; height:100%;}
.ddp-ui-preview-contents ul.ddp-ui-tab li.ddp-selected a:after {border-bottom:none;}
.ddp-pop-preview.ddp-type {position:fixed; top:50px; left:90px; right:90px; bottom:52px;}
.ddp-ui-preview-contents.ddp-add {padding-bottom:38px;}
.ddp-ui-preview-contents.ddp-add .ddp-box-add-link  {position:absolute; left:0; right:0; bottom:0;}
.ddp-ui-preview-contents.ddp-add .ddp-table-scroll {height:100%; overflow:auto;}

.ddp-ui-preview-contents .ddp-type-top-option {position:relative;z-index:55;}
.ddp-ui-preview-contents .ddp-type-top-option:before,
.ddp-ui-preview-contents .ddp-type-top-option:after {display:table; content:'';}
.ddp-ui-preview-contents .ddp-type-top-option:after {clear:both;}
.ddp-ui-preview-contents .ddp-type-top-option ul.ddp-ui-tab {height:32px; overflow:hidden;}
.ddp-ui-preview-contents .ddp-type-top-option .ddp-ui-rightoption {position:absolute; top:0; right:0;}
.ddp-ui-preview-contents.ddp-query {padding:20px;}

.ddp-ui-preview-contents.ddp-preview-group .ddp-col-table {margin-top:-46px; padding:46px 0 0 0; height:100%; box-sizing:Border-box;}
.ddp-ui-preview-contents.ddp-preview-group .ddp-col-table .ddp-ui-gridbody2 {top:71px;}

.ddp-ui-preview-contents.ddp-preview-group .ddpƒ√-group-num {padding:15px 29px; font-size:13px; color:#90969f; font-weight:400;}
.ddp-ui-preview-contents.ddp-preview-group .ddp-group-num strong {color:#666eb2;}
.ddp-ui-preview-contents.ddp-preview-group .ddp-part {height:100%;}

.ddp-ui-preview-contents table.ddp-table-type2 tbody tr:hover td {background-color:#f2f1f9;}
.ddp-ui-preview-contents table.ddp-table-form tbody tr td .ddp-txt-long.ddp-type-button {display:block;}
.ddp-ui-preview-contents table.ddp-table-form tbody tr td .ddp-txt-long {font-size:13px;}
.ddp-ui-preview-contents table.ddp-table-form tbody tr td .ddp-txt-long.ddp-type-button .ddp-txt-name {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:6px;}
.ddp-ui-preview-contents .ddp-table-header {padding-right:18px;}
.ddp-ui-preview-contents .ddp-table-tbody {position:absolute; top:29px; left:0; right:0; bottom:0; overflow-y:scroll; border-top:1px solid #e9e9ec;}
.ddp-ui-preview-contents .ddp-col-table {position:relative; height:100%; border-left:1px solid #ddd;}
.ddp-ui-preview-contents .ddp-col-table:first-of-type {border-left:none;}
.ddp-ui-preview-contents .ddp-col-table .ddp-ui-gridbody2 {top:25px; bottom:21px;}
.ddp-ui-preview-contents.ddp-more-table .ddp-ui-gridbody2 {bottom:44px;}
.ddp-ui-preview-contents.ddp-more-table .ddp-box-add-link {position:absolute; bottom:0; left:0; right:0; padding:13px 0; border-top:1px solid #b7b9c2;}

/***********************************************************************************************************
        PAGE : 대시보드 생성 팝업 (join popup)
************************************************************************************************************/
.ddp-wrap-source-name .ddp-data-in {display:inline-block; position:relative; width:240px; padding:8px 23px 7px 10px; background-color:#303338; border-radius:2px; box-sizing:border-box; cursor:pointer;}
.ddp-wrap-source-name .ddp-data-in span.ddp-txt-namesub {display:block; color:#b7b9c2; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ddp-wrap-source-name .ddp-data-in .ddp-icon-database3 {float:left; margin-right:9px;}
.ddp-wrap-source-name .ddp-data-in .ddp-icon-view {display:inline-block; position:absolute; top:50%; right:9px; width:7px; height:4px; margin-top:-2px; background:url(../../images/icon_select.png) no-repeat; background-position:-8px top;}
.ddp-wrap-source-name .ddp-data-in .ddp-box-layout4 {display:none;}
.ddp-wrap-source-name .ddp-data-in.ddp-selected .ddp-icon-view {transform:rotate(180deg);}
.ddp-wrap-source-name .ddp-data-in.ddp-selected .ddp-box-layout4 {display:block; padding:10px 0 36px 0;}

.ddp-wrap-chart-lnb .ddp-wrap-source-name .ddp-data-in.ddp-selected .ddp-box-layout4 .ddp-form-search {width:200px;}

.ddp-wrap-source-name .ddp-data-in .ddp-box-layout4 {position:absolute; top:100%; left:0; right:0; width:auto; z-index:60; font-weight:normal;}
.ddp-wrap-source-name .ddp-data-in .ddp-box-layout4 .ddp-data-name {font-weight:normal;}
.ddp-wrap-source-name.ddp-white .ddp-data-in {background-color:#f6f6f7;}
.ddp-wrap-source-name.ddp-white .ddp-data-in .ddp-icon-database3 {background-position-x:-26px}
.ddp-wrap-source-name.ddp-white .ddp-data-in .ddp-txt-namesub {color:#4b515b;}
.ddp-wrap-source-name .ddp-txt {display:inline-block; padding:8px 0 7px 0; color:#4b515b; font-size:12px;}
.ddp-wrap-source-name .ddp-txt .ddp-icon-database3 {margin-right:9px; background-position-x:-26px}
.ddp-wrap-source-name .ddp-data-in .ddp-box-layout4.ddp-datasource {padding-bottom:0;}
.ddp-wrap-source-name .ddp-data-in .ddp-box-layout4.ddp-datasource .ddp-btn-more {padding-bottom:20px;}
.ddp-wrap-source-name .ddp-data-in .ddp-box-layout4.ddp-datasource .ddp-box-search {padding:0 20px;}
.ddp-wrap-source-name .ddp-data-in .ddp-box-layout4.ddp-datasource .ddp-box-search .ddp-form-search {margin:0; width:100%;}
/***********************************************************************************************************
            PAGE : 대시보드 생성 팝업 (join popup)
************************************************************************************************************/
.ddp-wrap-join-popup {display:none; position:absolute; top:48px; left:177px; width:304px; color:#fff; border-radius:3px; background-color:#3c3f40; z-index:120;}
.ddp-wrap-join-popup em.ddp-icon-view {display:block; position:absolute; top:-7px; left:13px; width:5px; height:10px; background:url(../../images/icon_dataview.png) no-repeat;
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}
.ddp-wrap-join-popup .ddp-ui-popup-header {position:relative; padding:9px; color:#a4aab0; font-size:13px; font-weight:bold}
.ddp-wrap-join-popup .ddp-ui-popup-header a.ddp-icon-close2 {display:block; position:absolute; top:50%; right:9px; width:9px; height:9px; margin-top:-4px; background:url(../../images/btn_sclose.png) no-repeat; background-position:left -18px;}
.ddp-wrap-join-popup ul.ddp-list-join-select {padding:5px 7px; margin-bottom:10px; overflow:hidden;}
.ddp-wrap-join-popup ul.ddp-list-join-select li {float:left; width:25%; height:50px; padding:0 2px; box-sizing:border-box;}
.ddp-wrap-join-popup ul.ddp-list-join-select li a {display:block; position:relative; padding:30px 0 0 0; color:#fff; font-size:10px; text-align:center; border-radius:3px;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a {color:#666eb2; background-color:#fff;}
.ddp-wrap-join-popup ul.ddp-list-join-select li a em.ddp-icon-join-inner,
.ddp-wrap-join-popup ul.ddp-list-join-select li a em.ddp-icon-join-left,
.ddp-wrap-join-popup ul.ddp-list-join-select li a em.ddp-icon-join-right,
.ddp-wrap-join-popup ul.ddp-list-join-select li a em.ddp-icon-join-all {display:inline-block; position:absolute; top:10px; left:50%; width:34px; height:19px; margin-left:-17px; background:url(../../images/icon_join.png) no-repeat;}
.ddp-wrap-join-popup ul.ddp-list-join-select li a em.ddp-icon-join-left {background-position:-35px 0;}
.ddp-wrap-join-popup ul.ddp-list-join-select li a em.ddp-icon-join-right {background-position:-70px 0;}
.ddp-wrap-join-popup ul.ddp-list-join-select li a em.ddp-icon-join-all {background-position:-105px 0;}
.ddp-wrap-join-popup ul.ddp-list-join-select li a:hover {background-color:rgba(255,255,255,0.1);}
.ddp-wrap-join-popup ul.ddp-list-join-select li a:hover em.ddp-icon-join-inner,
.ddp-wrap-join-popup ul.ddp-list-join-select li a:hover em.ddp-icon-join-left,
.ddp-wrap-join-popup ul.ddp-list-join-select li a:hover em.ddp-icon-join-right,
.ddp-wrap-join-popup ul.ddp-list-join-select li a:hover em.ddp-icon-join-all {opacity:0.8;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a:hover {background-color:#fff; opacity:1;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a em.ddp-icon-join-inner {background-position:0 -20px;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a em.ddp-icon-join-left {background-position:-35px -20px;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a em.ddp-icon-join-right {background-position:-70px -20px;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a em.ddp-icon-join-all {background-position:-105px -20px;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a:hover em.ddp-icon-join-inner,
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a:hover em.ddp-icon-join-left,
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a:hover em.ddp-icon-join-right,
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-selected a:hover em.ddp-icon-join-all {opacity:1;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-disabled a {cursor:default; opacity:0.5;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-disabled a:hover {background:none;}
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-disabled a:hover em.ddp-icon-join-inner,
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-disabled a:hover em.ddp-icon-join-left,
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-disabled a:hover em.ddp-icon-join-right,
.ddp-wrap-join-popup ul.ddp-list-join-select li.ddp-disabled a:hover em.ddp-icon-join-all {opacity:1;}
.ddp-wrap-join-popup .ddp-wrap-column-select {float:left; width:100%; padding:9px 9px 9px 9px; box-sizing:border-box; border-bottom:1px solid #6d6f71;}
.ddp-wrap-join-popup .ddp-wrap-column-select .ddp-ui-data-name {padding-bottom:9px; overflow:hidden;}
.ddp-wrap-join-popup .ddp-wrap-column-select .ddp-ui-data-name span.ddp-data-name {float:left; width:50%; color:#a4aab0;}

.ddp-wrap-join-popup .ddp-wrap-column-select:last-of-type {border-bottom:none;}

.ddp-wrap-column {max-height:160px; margin-right:-9px; overflow-y:auto;}
.ddp-wrap-columnin {position:relative; padding-right:35px; }
.ddp-wrap-columnin:before,
.ddp-wrap-columnin:after {display:table; content:'';}
.ddp-wrap-columnin:after {clear:Both;}
.ddp-wrap-columnin a.ddp-icon-del {display:none; width:11px; height:12px; position:absolute; top:50%; right:15px; margin-top:-6px; background:url(../../images/icon_edit.png) no-repeat; background-position:-13px top;}
.ddp-wrap-columnin a.ddp-icon-del:hover {background-position:-13px -37px;}

.ddp-wrap-columnin.ddp-finish .ddp-ui-column .ddp-data-column span.ddp-data-value {color:#444;}
.ddp-wrap-columnin.ddp-finish a.ddp-icon-del {display:block;}

.ddp-ui-column {position:relative; float:left; width:100%; margin-bottom:2px; border:1px solid #ddd; border-radius:3px; background-color:#fff; box-sizing:border-box;}
.ddp-ui-column .ddp-data-column.ddp-full {width:100%;}
.ddp-ui-column .ddp-data-column {position:relative; float:left; width:45%; padding-right:17px; box-sizing:border-box; cursor:pointer;}
.ddp-ui-column input.ddp-icon-join {float:left; width:10%; height:28px; border:none; border-left:1px solid #ddd; border-right:1px solid #ddd; color:#444; text-align:center; box-sizing:border-box;}
.ddp-ui-column .ddp-data-column span.ddp-data-value {display:block; padding-left:9px; color:#909090; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; cursor:pointer;}
.ddp-ui-column .ddp-data-column input.ddp-input-search {display:none;}
.ddp-ui-column .ddp-data-column em.ddp-icon-select {display:none; position:absolute; top:50%; right:7px; width:7px; height:4px; margin-top:-2px; background:url(../../images/icon_selecview.png) no-repeat; background-position:left -7px; cursor:pointer;}
.ddp-ui-column .ddp-data-column ul.ddp-list-selectbox {display:none; position:absolute; top:26px; left:-1px; right:-1px; background-color:#fff; border:1px solid #ddd; border-top:none;}
.ddp-ui-column .ddp-data-column ul.ddp-list-selectbox li a {display:block; padding:7px 12px; color:#444;}
.ddp-ui-column .ddp-data-column ul.ddp-list-selectbox li a:hover {background-color:#f6f6f7; }
.ddp-ui-column .ddp-data-column.ddp-selected {box-shadow:2px 3px 3px -1px #dcdfe1; z-index:10;}
.ddp-ui-column .ddp-data-column.ddp-selected ul.ddp-list-selectbox {display:block; max-height:100px;  overflow-y:auto;}
.ddp-ui-column .ddp-data-column.ddp-selected .ddp-data-value {color:#222;}
.ddp-ui-column .ddp-data-column:hover em.ddp-icon-select,
.ddp-ui-column .ddp-data-column.ddp-selected em.ddp-icon-select {display:block;}
.ddp-ui-column .ddp-data-column select {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; border:none; background:transparent; opacity:0; cursor:pointer;}
.ddp-ui-column .ddp-data-column.ddp-data-search input.ddp-input-search {display:block; width:100%; padding:5px 9px 6px 9px; border:none; box-sizing:border-box;}

.ddp-ui-column.ddp-ui-new {background:none; border:none; border-radius:0;}
.ddp-ui-column.ddp-ui-new .ddp-data-column {border-radius:3px; background-color:rgba(255,255,255,0.2);}

/**********************************************************************************
	PAGE : 대시보드 이동
**********************************************************************************/
.ddp-wrap-order {height:100%;}
.ddp-wrap-order .ddp-ui-result {padding:7px 0 7px 10px; border-top:1px solid #d0d1d8; border-bottom:1px solid #d0d1d8;}
.ddp-wrap-order .ddp-ui-result span.ddp-data-result {position:relative; padding:0 15px; font-size:12px; color:#90969f; cursor: pointer;}
.ddp-wrap-order .ddp-ui-result span.ddp-data-result:before {display:inline-block; content:''; position:absolute; top:50%; left:0; height:13px; margin-top:-7px; border-left:1px solid #e7e7ea;}
.ddp-wrap-order .ddp-ui-result span.ddp-data-result:first-of-type {padding-left:0;}
.ddp-wrap-order .ddp-ui-result span.ddp-data-result:first-of-type:before {display:none;}
.ddp-wrap-order .ddp-ui-result span.ddp-data-result .ddp-icon-eyes2 {margin-right:4px; vertical-align: middle;}

.ddp-wrap-order .ddp-ui-result span.ddp-data-result.ddp-selected {color:#444;}
.ddp-wrap-order .ddp-ui-result span.ddp-data-result.ddp-selected .ddp-icon-eyes2 {background-position:-17px 0}
.ddp-wrap-order-setting {position:absolute; top:151px; left:0; right:50px; bottom:0; padding-left:40px; box-sizing:border-box; overflow:auto;}
.ddp-wrap-order .ddp-tree-number {margin-top:3px;}
.ddp-wrap-order .ddp-tree-number li {padding:18px 0 17px 14px; width:45px; height:50px; box-sizing:border-box;}
ul.ddp-list-order {padding:12px 0;}
ul.ddp-list-order li {display:table; padding:4px 0; width:100%; table-layout:fixed; cursor: pointer;}
ul.ddp-list-order li:hover {background-color:#f6f6f7;}
ul.ddp-list-order li .ddp-data-num {display:table-cell; width:48px; text-align:center; vertical-align: middle;}
ul.ddp-list-order li .ddp-wrap-image {display:table-cell; position:relative; width:82px; vertical-align: middle;}
ul.ddp-list-order li .ddp-wrap-image .ddp-ui-image {display:inline-block; position:relative; width:62px; height:40px; border:1px solid #ddd;}
ul.ddp-list-order li .ddp-wrap-image .ddp-ui-image:hover:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(86,93,101,0.1);}
ul.ddp-list-order li .ddp-wrap-image .ddp-box-hover {display:none; position:absolute; top:46px; left:0; width:258px; height:168px; border:1px solid #90969f; z-index:1;}
ul.ddp-list-order li .ddp-wrap-image .ddp-box-hover img {display:block; width:100%; height:100%;}
ul.ddp-list-order li .ddp-wrap-image:hover .ddp-box-hover {display:block;}
ul.ddp-list-order li .ddp-ui-image img {display:block; width:100%; height:100%;}
ul.ddp-list-order li .ddp-data-name {display:table-cell; width:100%; color:#4b515b; font-size:13px; vertical-align: middle; box-sizing:border-box;}
ul.ddp-list-order li .ddp-data-name em[class*="ddp-icon-eyes"] {float:left; position:relative; top:3px; margin-right:9px;}
ul.ddp-list-order li .ddp-data-name em.ddp-icon-eyes2 { background-position:-17px 0;}
ul.ddp-list-order li .ddp-data-name span.ddp-txt-name {display:block; overflow:hidden;}
ul.ddp-list-order li .ddp-data-name .ddp-chart-img {float:left;}

/***********************************************************************************************************
	PAGE : 워크북 대시보드 (LNB)
************************************************************************************************************/
.ddp-lnb-dashboard {position:fixed; top:55px; left:0; bottom:0; width:289px; border-right:2px solid #eaeaea; background-color:#feffff; box-sizing:border-box;}

.ddp-lnb-dashboard.ddp-close {width:26px;}
.ddp-lnb-dashboard .ddp-ui-toptitle {position:relative; padding:0 40px 0 55px; width:289px; border-bottom:1px solid #e7e7ea; border-right:2px solid #eaeaea; box-sizing:border-box; background-color:#fff;}
.ddp-lnb-dashboard .ddp-ui-toptitle em.ddp-icon-navi {display:inline-block; position:absolute; left:0; top:0; width:50px; height:47px; cursor: pointer;}
.ddp-lnb-dashboard .ddp-ui-toptitle em.ddp-icon-navi:before {display:inline-block; content:''; position:absolute; top:50%; left:22px; margin-top:-8px; width:17px; height:16px; background:url(../../images/btn_back.png) no-repeat; vertical-align: middle;}

.ddp-lnb-dashboard .ddp-ui-toptitle span.ddp-data-name {display:block; padding:13px 0 13px 0; width:100%;color:#4b515b; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box;}
.ddp-lnb-dashboard .ddp-ui-toptitle span.ddp-data-name em.ddp-box-tag {display:inline-block; position:relative; top:2px; padding:1px 2px; margin-right:5px; border:1px solid #90969f; border-radius:2px; font-weight:bold; font-size:10px; color:#565c65; vertical-align: middle; opacity: 0.8;}
.ddp-lnb-dashboard .ddp-ui-toptitle .ddp-ui-more {position:absolute; top:50%; right:7px; margin-top:-10px;}
.ddp-lnb-dashboard .ddp-ui-toptitle .ddp-ui-more .ddp-ui-tooltip-info.ddp-down {right:-3px;}
.ddp-lnb-dashboard .ddp-ui-toptitle .ddp-ui-more .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:13px;}

.ddp-lnb-dashboard.ddp-close .ddp-ui-toptitle .ddp-ui-more .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:13px; top:-2px; left:inherit; transform:rotate(90deg);}
.ddp-wrap-popup2.ddp-popup-lnbmore{display:none; position:fixed; top:70px; left:0; min-width:217px; white-space:nowrap; z-index:127;}

.ddp-lnb-dashboard .ddp-ui-toptitle .ddp-ui-more.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-lnb-dashboard .ddp-ui-toptitle .ddp-ui-more.ddp-selected .ddp-icon-more:before {background-position:0 -4px;}
.ddp-lnb-dashboard .ddp-ui-toptitle .ddp-ui-more.ddp-selected .ddp-ui-tooltip-info {display:none;}
.ddp-lnb-dashboard ul.ddp-list-tab2 li a em.ddp-icon-new-r {display:inline-block; width:5px; height:5px; margin-left:5px; border-radius:50%; background-color:#707cc4; vertical-align: top;}
.ddp-lnb-dashboard .ddp-list-tab2 {padding-right:53px;}
.ddp-lnb-dashboard .ddp-btn-folding {display:inline-block; position:absolute; right:0; top:49px; width:53px; height:49px;}
.ddp-lnb-dashboard .ddp-btn-folding:after {display:inline-block; content:''; position:absolute; top:50%; left:0; height:14px; margin-top:-7px; border-left:1px solid #eaebed;}
.ddp-lnb-dashboard .ddp-btn-folding:before {display:block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -7px; content:''; width:14px; height:12px; background:url(../../images/icon_folding2.png) no-repeat; background-position:-30px top;}
.ddp-lnb-dashboard .ddp-btn-folding:hover:before {background-position:-45px top;}

.ddp-lnb-dashboard .ddp-btn-folding .ddp-ui-tooltip-info.ddp-down {top:36px; right:10px; text-align:center;}
.ddp-lnb-dashboard.ddp-close .ddp-wrap-tab2 {display:none;}
.ddp-lnb-dashboard.ddp-close:hover {z-index:126;}
.ddp-lnb-dashboard.ddp-close .ddp-ui-toptitle {position:absolute;left:0; }
.ddp-lnb-dashboard.ddp-close .ddp-btn-folding .ddp-ui-tooltip-info.ddp-down {position:fixed; top:119px; right:auto; left:30px; margin-top:0; width:max-content; white-space:nowrap;;}
.ddp-lnb-dashboard.ddp-close .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {left:0; transform:rotate(0deg); right:inherit; top:50%; margin-top:-4px;}

.ddp-lnb-dashboard.ddp-close .ddp-btn-folding {width:inherit; height:inherit; top:0; left:0; right:0; bottom:0;}
.ddp-lnb-dashboard.ddp-close .ddp-btn-folding:before {top:71px; margin-top:0; background-position:-30px -14px;}
.ddp-lnb-dashboard.ddp-close .ddp-btn-folding:hover:before {background-position:-45px -14px;}

.ddp-layout-board .ddp-wrap-naviarea {margin-left:289px; z-index:122;}
.ddp-layout-board .ddp-wrap-naviarea.ddp-editnavi {margin-left:0; position:absolute; top:-48px; left:0; right:0;}

/***********************************************************************************************************
	PAGE : 워크북 대시보드 (CONTENTS)
************************************************************************************************************/
.ddp-ui-dash-contents {position:absolute; top:48px; left:289px; right:0; bottom:0; overflow-x:hidden;}

.ddp-ui-dash-contents.ddp-tooltip {z-index:199 !important; overflow:inherit;}
.ddp-ui-dash-contents.ddp-tooltip .ddp-ui-widget {z-index:130;}
.ddp-ui-dash-contents .ddp-loading-part {position:fixed; left:289px; top:102px; right:0; bottom:0; z-index:126;}
.ddp-ui-dash-contents.ddp-close {left:26px;}
.ddp-ui-dash-contents.ddp-close .ddp-wrap-naviarea {}
.ddp-ui-dash-contents .ddp-wrap-naviarea {z-index:126;}
.ddp-wrap-popup2 .ddp-ui-date {padding:12px 13px; border-top:1px solid #e7e7ea;}
.ddp-wrap-popup2 .ddp-ui-date span.ddp-data-date {display:block; color:#90969f; line-height:18px; font-size:12px;}
.ddp-wrap-popup2 .ddp-ui-date span.ddp-data-date em {font-weight:normal;}
.ddp-wrap-tab-dashboard .ddp-ui-setting {position:relative; height:33px; background-color:#f6f6f7;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-selectbox {float:left; position:relative; margin-top:9px; padding-left:15px; color:#b7b9c2; cursor: pointer;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-data-selectbox {opacity:0.6;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-data-selectbox:hover {opacity:1;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-selectbox.ddp-selected .ddp-data-selectbox {opacity:1;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-data-selectbox em.ddp-icon-database3 {margin-right:5px; background-position:-39px -31px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-selectbox .ddp-wrap-popup2 {left:0; right:inherit;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-selectbox ul.ddp-list-popup {width:170px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-selectbox ul.ddp-list-popup .ddp-label-checkbox {max-width:100%; box-sizing:border-box;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-selectbox ul.ddp-list-popup .ddp-label-checkbox span.ddp-txt-checkbox {max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink .ddp-wrap-popup2 {display:none; position:absolute; top:19px; left:-10px;; max-width:160px; max-height:150px; white-space: nowrap; overflow-y:auto;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-label-checkbox.ddp-type-show {float:left; margin:8px 0 0 10px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-label-checkbox.ddp-type-show span.ddp-txt-checkbox {color:#b7b9c2; font-size:12px;}

.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-label-checkbox input[type="checkbox"]:checked + i.ddp-icon-checkbox + .ddp-txt-checkbox {color:#90969f;}

/* 삭제될 css */
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink {float:left; position:relative; margin-top:11px; padding-left:15px; cursor: pointer;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink em.ddp-icon-database3 {margin-right:5px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink span.ddp-data-datanum {color:#b7b9c2; font-size:12px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink span.ddp-data-datanum .ddp-ui-tooltip-info {top:19px; right:1px; left:inherit;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink span.ddp-data-datanum .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:17px;}

.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink:hover em.ddp-icon-database3 {background-position:-26px -31px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datalink:hover span.ddp-data-datanum {color:#90969f;}

.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum {float:left; position:relative; padding:8px 0 5px 0; }
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum .ddp-data-source {display:inline-block; position:relative; padding-left:18px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum .ddp-data-source em.ddp-icon-source {position:absolute; top:-2px; left:0;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum .ddp-data-source .ddp-wrap-popup2 {display:none; position:absolute; top:20px; left:8px; white-space:nowrap;}

.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum .ddp-data-source span.ddp-data-num {color:#90969f; cursor: pointer;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum .ddp-data-source span.ddp-data-num em {color:#90969f;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum .ddp-data-source span.ddp-data-num:hover em,
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum .ddp-data-source.ddp-selected span.ddp-data-num em {color:#4b515b;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum span.ddp-data-eyes {display:inline-block; position:relative; margin-left:20px; padding:3px 5px 3px 20px; color:#90969f; cursor: pointer; vertical-align: middle;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum span.ddp-data-eyes em.ddp-icon-eyes {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; width:16px; height:11px; background:url(../../images/icon_eyes.png) no-repeat; background-position:left -12px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum span.ddp-data-eyes.ddp-selected {border-radius:2px; color:#90969f;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum span.ddp-data-eyes.ddp-selected em.ddp-icon-eyes {background-position:-17px 0;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum span.ddp-data-eyes .ddp-ui-tooltip-info {top:28px; right:-1px; left:inherit;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-datanum span.ddp-data-eyes .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:17px;}

.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-dataoption {float:right;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-dataoption .ddp-btn-option {position:relative; float:left; margin-top:12px; width:17px; height:11px; background:url(../../images/icon_editorder.png) no-repeat;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-dataoption .ddp-btn-option:hover {background-position:left -12px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-dataoption .ddp-btn-option .ddp-ui-tooltip-info {display:none; right:-8px; left:inherit; top:24px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-dataoption .ddp-btn-option:hover .ddp-ui-tooltip-info {display:block;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-dataoption .ddp-btn-option .ddp-ui-tooltip-info em.ddp-icon-view-top {margin-left:0; right:13px; left:inherit;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-array {position:relative; float:left;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-array a.ddp-link-array {position:relative; loat:Left; margin:7px 0 7px 19px;  padding-right:17px; line-height:21px; color:#b7b9c2;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-array.ddp-ellipsis a.ddp-link-array {max-width:75px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; box-sizing:border-box;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-array a.ddp-link-array:hover {color:#90969f;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-array a.ddp-link-array [class*="ddp-icon-array"]  {position:absolute; top:0; right:0; width:17px; height:21px;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-array .ddp-wrap-popup2 {display:none; position:absolute; top:29px; left:10px; white-space:nowrap;}
.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-wrap-array.ddp-selected .ddp-wrap-popup2 {display:block;}
/* //삭제될 css */

.ddp-wrap-tab-dashboard .ddp-ui-setting .ddp-ui-dataoption ul.ddp-list-tab-button {float:left; margin:5px 6px 4px 8px;}
.ddp-wrap-tab-dashboard .ddp-btn-board-add {display:block; position:absolute; bottom:0; left:0; right:0; padding:26px 21px 24px 21px; }
a.ddp-link-board-add {display:block; padding:8px 17px; color:#fff; font-size:12px; text-align:center; border-radius:3px; background-color:#4b515b;}
a.ddp-link-board-add:hover {background-color:#35393f;}
a.ddp-link-board-add .ddp-link-add {display:inline-block; position:relative; top:-1px; width:11px; height:11px; background:url(../../images/icon_add.png) no-repeat; background-position:left -10px;}
.ddp-wrap-tab-dashboard .ddp-ui-board-listview {position:absolute; top:183px; left:0; right:0; bottom:80px; box-sizing:border-box; overflow:auto;}
.ddp-wrap-tab-dashboard .ddp-link-more {margin:10px 0 0 22px; color:#90969f; font-size:14px; text-decoration: underline;}
.ddp-wrap-tab-dashboard .ddp-link-more:hover {color:#4b515b;}
.ddp-wrap-tab-dashboard .ddp-wrap-search {padding:20px 20px 0 20px;}
.ddp-wrap-tab-dashboard .ddp-wrap-search .ddp-form-search {width:100%;}
ul.ddp-list-board-listview {}
ul.ddp-list-board-listview li a {display:block; position:relative; padding:17px 15px 17px 0;}
ul.ddp-list-board-listview li a span.ddp-ui-number {float:left; width:42px; height:100%; text-align:center; color:#90969f; font-size:14px;}
ul.ddp-list-board-listview li a .ddp-ui-name {display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box;}
ul.ddp-list-board-listview li a span.ddp-data-name {display:inline-block; position:relative; max-width:100%; padding-right:0; color:#90969f; font-size:14px; vertical-align: middle; box-sizing:border-box;}
ul.ddp-list-board-listview li a span.ddp-data-name.ddp-data-new {padding-right:40px;}
ul.ddp-list-board-listview li a span.ddp-data-name em.ddp-icon-new {display:none; position:absolute; top:50%; right:0; margin-top:-7px;}
ul.ddp-list-board-listview li a span.ddp-data-name.ddp-data-new em.ddp-icon-new {display:block;}
ul.ddp-list-board-listview li a em.ddp-icon-eyes2,
ul.ddp-list-board-listview li a em.ddp-icon-eyes2-none {float:Left; position:relative; top:2px; margin-right:8px; }
ul.ddp-list-board-listview li a .ddp-btn-control {display:none; position:absolute; right:8px; top:18px;}
ul.ddp-list-board-listview li a .ddp-btn-control em[class*="ddp-icon-control-"] {position:relative;}
ul.ddp-list-board-listview li a .ddp-btn-control em[class*="ddp-icon-control-"] .ddp-ui-tooltip-info {display:none; left:inherit; right:-4px;top:22px;}
ul.ddp-list-board-listview li a .ddp-btn-control em[class*="ddp-icon-control-"] .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:9px; margin:0;}
ul.ddp-list-board-listview li a .ddp-btn-control em[class*="ddp-icon-control-"]:hover .ddp-ui-tooltip-info {display:block;}
ul.ddp-list-board-listview li a:hover .ddp-btn-control {display:block;}
ul.ddp-list-board-listview li a:hover {padding-right:60px; background-color:#f6f6f7;}
ul.ddp-list-board-listview li.ddp-selected a:after {display:inline-block; content:''; position:absolute; top:50%; right:12px; width:6px; height:11px; margin-top:-6px; background:url(../../images/icon_dataview.png) no-repeat; background-position:-14px -68px;}
ul.ddp-list-board-listview li.ddp-selected a:hover:after {display:none;}
ul.ddp-list-board-listview li.ddp-selected a span.ddp-data-name {font-weight:bold; color:#4b515b;}
ul.ddp-list-board-listview li.ddp-selected a span.ddp-ui-number {font-weight:bold; color:#4b515b;}
.ddp-wrap-tab-dashboard .ddp-ui-board-thumbview {position:absolute; top:183px; left:0; right:0; bottom:80px;box-sizing:border-box; overflow:auto;}
ul.ddp-list-board-thumbview {}
ul.ddp-list-board-thumbview li {padding-top:15px;}
ul.ddp-list-board-thumbview li a {display:block; position:relative; padding:0 11px 0 37px;}
ul.ddp-list-board-thumbview li a span.ddp-icon-number {display:inline-block; position:absolute; top:0; left:20px; color:#90969f; font-size:13px;}
ul.ddp-list-board-thumbview li a span.ddp-wrap-image {display:block; position:relative; width:100%; height:156px; margin-bottom:5px; border:1px solid #e7e7ea;}
ul.ddp-list-board-thumbview li a span.ddp-wrap-image img {width:100%; height:100%; position:relative; z-index:1;}

ul.ddp-list-board-thumbview li a span.ddp-wrap-image:after {display:inline-block; position:absolute; top:50%; left:50%; margin:-14px 0 0 -17px; width:34px; height:28px; background:url(../../images/img_board_default2.png) no-repeat; content:'';}

ul.ddp-list-board-thumbview li a span.ddp-data-name {display:block; position:relative; width:100%; padding-bottom:10px; padding-left:23px; color:#90969f; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box;}
ul.ddp-list-board-thumbview li a span.ddp-data-name em[class*="ddp-icon-eyes2"] {position:absolute; top:2px; left:0;}
ul.ddp-list-board-thumbview li a span.ddp-data-name em.ddp-icon-eyes2 {background-position:-17px top;}
ul.ddp-list-board-thumbview li a .ddp-btn-control {display:none; position:absolute; top:0; right:8px;}
ul.ddp-list-board-thumbview li a .ddp-btn-control em[class*="ddp-icon-control-"] {position:relative;}
ul.ddp-list-board-thumbview li a .ddp-btn-control em[class*="ddp-icon-control-"] .ddp-ui-tooltip-info {display:none; left:inherit; right:-4px;top:22px;}
ul.ddp-list-board-thumbview li a .ddp-btn-control em[class*="ddp-icon-control-"] .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:9px; margin:0;}
ul.ddp-list-board-thumbview li a .ddp-btn-control em[class*="ddp-icon-control-"]:hover .ddp-ui-tooltip-info {display:block;}
ul.ddp-list-board-thumbview li a:hover span.ddp-data-name {padding-right:40px;}
ul.ddp-list-board-thumbview li a:hover .ddp-btn-control {display:block;}
ul.ddp-list-board-thumbview li.ddp-selected a span.ddp-wrap-image:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(193,206,241,0.3); border:2px solid #666eb2; content:''; z-index:2;}

ul.ddp-list-board-thumbview li a:hover .ddp-wrap-image:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(86,93,101,0.1); z-index:12;}
ul.ddp-list-board-thumbview li.ddp-selected a span.ddp-data-name {color:#4b515b;}

.ddp-ui-board-filter {position:relative; padding-right:53px;}
.ddp-ui-board-filter .ddp-btn-slider {position:absolute; top:0; left:0; bottom:0; width:70px; padding:15px 0; background-color:#fff; z-index:1;}
.ddp-ui-board-filter .ddp-btn-slider .ddp-btn-prev {border-right:1px solid #e7e7ea;}
.ddp-ui-board-filter .ddp-btn-slider .ddp-btn-prev,
.ddp-ui-board-filter .ddp-btn-slider .ddp-btn-next {position:relative; float:left; width:50%; height:20px; box-sizing:border-box;}
.ddp-ui-board-filter .ddp-btn-slider .ddp-btn-prev:before,
.ddp-ui-board-filter .ddp-btn-slider .ddp-btn-next:before {display:inline-block; content:''; position:absolute; top:50%; left:50%; width:4px; height:7px; margin:-4px 0 0 -2px; background:url(../../images/icon_slide.png) no-repeat;}
.ddp-ui-board-filter .ddp-btn-slider .ddp-btn-next:before {background-position:-5px top;}
.ddp-ui-board-filter .ddp-btn-slider .ddp-btn-prev:hover:before {background-position:left -7px;}
.ddp-ui-board-filter .ddp-btn-slider .ddp-btn-next:hover:before {background-position:-5px -7px;}
.ddp-ui-board-filter .ddp-btn-slider .ddp-bg-shadow {display:inline-block; position:absolute; top:0; right:-14px; bottom:0; width:14px; background:url(../../images/bg_shadow.png) no-repeat; transform:rotate(180deg);}
.ddp-ui-board-filter .ddp-btn-slider .ddp-bg-shadow {display:inline-block; position:absolute; top:0; right:-14px; bottom:0; width:14px; background:url(../../images/bg_shadow.png) no-repeat; transform:rotate(180deg);}

.ddp-ui-board-filter .ddp-wrap-right {position:absolute; top:10px; right:0; padding-right:147px; background-color:#fff;}
.ddp-ui-board-filter a.ddp-btn-reset {display:inline-block; padding:7px 11px 7px 8px; color:#90969f; font-size:12px; background-color:#fff; white-space:nowrap; z-index:5;}
.ddp-ui-board-filter a.ddp-btn-reset:hover {z-index:200;}
.ddp-ui-board-filter a.ddp-btn-reset:before {display:inline-block; content:'';width:14px; height:13px; background:url(../../images/icon_reset.png) no-repeat; background-position:-16px -20px;}
.ddp-ui-board-filter a.ddp-btn-reset:after {display:inline-block; position:absolute; top:50%; right:0; margin-top:-8px; content:''; height:16px; border-left:1px solid #e7e7ea; }
.ddp-ui-board-filter a.ddp-btn-reset em.ddp-bg-shadow {display:inline-block; position:absolute; top:0; left:-14px; bottom:0; width:14px; background:url(../../images/bg_shadow.png) no-repeat;}
.ddp-ui-board-filter a.ddp-btn-reset .ddp-ui-tooltip-info {right:7px; top:37px;}

.ddp-wrap-board-filter {position:relative; padding:10px 7px 10px 7px;; box-sizing:border-box;}
.ddp-wrap-board-filter.ddp-slider {padding-left:80px;}
.ddp-wrap-board-filter.ddp-initial {overflow:initial;}
.ddp-wrap-board-filter .ddp-list-board-filter {white-space:nowrap; word-wrap:normal;}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-box-board-filter {display:inline-block; min-width:224px; max-width:352px; padding:0 3px; box-sizing:border-box; vertical-align:top;}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-box-board-filter .ddp-box-dataselect {width:100%; padding:7px 10px 6px 10px; color:#d0d1d8; font-size:12px; border:1px dashed #e7e7ea; box-sizing:border-box;}
.ddp-wrap-board-filter .ddp-box-board-filter  .ddp-type-selectbox ul.ddp-list-selectbox {min-width:100%; right:inherit;}
.ddp-wrap-board-filter .ddp-box-board-filter  .ddp-type-selectbox ul.ddp-list-selectbox li span.ddp-time {color:#d0d1d8;}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-box-board-filter.ddp-time .ddp-type-selectbox span.ddp-txt-selectbox {display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ddp-box-board-filter .ddp-icon-time4 {margin-right:4px;}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-box-board-time {display:inline-block;  position:relative; margin-right:3px;}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-btn-time {display:inline-block; position:relative; width:33px; height:30px; border:1px solid #d0d1d9; border-radius:2px; box-sizing:border-box;}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-btn-time:hover {border:1px solid #8f96a0}

.ddp-wrap-board-filter .ddp-list-board-filter .ddp-btn-time em.ddp-icon-time4 {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-box-board-time .ddp-ui-tooltip-info{top:100%; left:0; margin-top:6px; z-index:100}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-box-board-time .ddp-ui-tooltip-info .ddp-icon-view-top {left:16px; margin-left:0;}
.ddp-wrap-board-filter .ddp-list-board-filter .ddp-box-board-time:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-widget {position:absolute; top:54px; left:0; right:0; bottom:0; padding:10px 10px;}
.ddp-ui-widget.ddp-type {top:47px;}
.ddp-ui-edit-contents .ddp-wrap-widget {overflow:initial;}
.ddp-wrap-widget {position:relative; height:100%; overflow:hidden;}
.ddp-wrap-widget.ddp-box-full {position:fixed; left:290px; top:165px; bottom:0; right:0; height:auto; background-color:#fff; z-index:130}
.ddp-wrap-widget.ddp-box-full .ddp-loading-part {z-index:130;}

.ddp-box-widget {position:relative; background-color:#fff; cursor:pointer; border:1px solid #fff; box-sizing:border-box;}
.ddp-box-widget .ddp-ui-graph-name {position:relative; padding:4px 5px 4px 10px; color:#4b515b; font-size:14px; box-sizing:border-box;z-index:30;}
.ddp-box-widget .ddp-ui-graph-name .ddp-data-name {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ddp-box-widget .ddp-ui-graph-name .ddp-ui-tooltip-info {display:none; position:absolute; top:35px; left:10px;}
.ddp-box-widget .ddp-ui-graph-name:hover .ddp-ui-tooltip-info {display:block;}
.ddp-box-widget .ddp-ui-graph-name .ddp-ui-tooltip-info em.ddp-icon-view-top {left:20px;}

.ddp-box-widget .ddp-top-control {position:relative; float:right; height:25px;z-index:31; background-color:#fff;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons {background-color:rgba(255,255,255,0.8);}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2,
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn-hover {display:none;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2.ddp-box-download {display:block;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2.ddp-box-download {width:auto;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2.ddp-box-download span.ddp-txt {padding-right:5px; line-height:28px; font-size:11px; color:#90969f;}
.ddp-box-widget:hover .ddp-top-control .ddp-ui-buttons .ddp-box-btn2.ddp-box-download span.ddp-txt {display:none;}
.ddp-box-widget:hover .ddp-top-control .ddp-ui-buttons .ddp-box-btn2,
.ddp-box-widget:hover .ddp-top-control .ddp-ui-buttons .ddp-box-btn-hover {display:block;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-ui-part {float:left; position:relative; top:-3px;  padding-right:7px; margin-right:7px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-ui-part:after {display:inline-block; content:''; position:absolute; top:7px; right:0; height:12px; border-right:1px solid #cfd0d5;}
.ddp-box-widget .ddp-top-control .ddp-box-btn-hover {float:left; background:none;}
.ddp-box-widget .ddp-top-control .ddp-box-btn-hover em[class*="ddp-icon-tool"] {}
.ddp-box-widget .ddp-top-control .ddp-box-btn-hover:hover {border:1px solid #ddd; background-color:#fff;}
.ddp-box-widget:hover, .ddp-box-widget.ddp-active {border:1px solid #e7e7ea; box-shadow:0 3px 5px -2px rgba(144,150,159,0.2); box-sizing:border-box; z-index:10;}
.ddp-box-widget:hover .ddp-top-control .ddp-ui-buttons {display:block;}
.ddp-box-widget.ddp-active .ddp-top-control .ddp-ui-buttons {display:block;}
.ddp-box-widget.ddp-active .ddp-top-control .ddp-ui-buttons .ddp-box-btn2,
.ddp-box-widget.ddp-active .ddp-top-control .ddp-ui-buttons .ddp-box-btn-hover { display:block;}

.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 {position:relative; float:left;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2:hover {background-color:#eee;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2:hover .ddp-box-layout4 {display:block;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 .ddp-box-layout4 {display:none; position:absolute; top:100%; right:-77px; width:260px; table-layout:fixed;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-ui-btnview {float:left; position:relative; margin:0 5px; border:1px solid #90969f; cursor:pointer; box-sizing:border-box;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em[class*="ddp-icon-widget-"] {float:left; position:relative; width:26px; height:25px; font-size:0;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em[class*="ddp-icon-widget-"]:before {position:absolute; top:50%; left:50%;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-info:before {margin:-7px 0 0 -7px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-trigger:before{margin:-10px 0 0 -9px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-edit:before {margin:-7px 0 0 -7px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-cut:before,
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-cut-w:before { margin:-6px 0 0 -6px;;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-moveto:before {margin:-6px 0 0 -6px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-save:before {margin:-6px 0 0 -6px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-store:before {margin:-6px 0 0 -6px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-full:before {margin:-7px 0 0 -7px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-downsize:before {margin:-7px 0 0 -7px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-copy:before {margin:-6px 0 0 -6px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-chart:before {position:relative; top:2px; margin:-6px 0 0 -6px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-gridsave:before {margin:-6px 0 0 -6px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-dataview:before {margin:-7px 0 0 -7px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-synch:before {margin:-7px 0 0 -9px;}
.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-synch.ddp-on:before {margin:-7px 0 0 -8px;}

.ddp-box-widget .ddp-top-control-in {display:none;}
.ddp-box-widget .ddp-top-control-in.ddp-size1 {display:block;}
.ddp-box-widget.ddp-box-size .ddp-top-control-in.ddp-size1 {display:none;}
.ddp-box-widget.ddp-box-size .ddp-top-control-in.ddp-size2 {display:block;}

.ddp-ui-boardedit .ddp-box-widget.ddp-box-size .ddp-top-control {padding-right:30px;}
.ddp-box-widget.ddp-box-size .ddp-top-control .ddp-ui-buttons {margin:4px 9px 0 0;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton em.ddp-icon-more:before {background-position:-3px top;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 {display:none;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-wrap-morebutton.ddp-selected .ddp-wrap-popup2 .ddp-list-tab-button {position:absolute; top:1px; right:9px;}

.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton.ddp-selected:hover .ddp-ui-tooltip-info {display:none;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul {border-top:1px solid #e7e7ea;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul:first-of-type {border-top:none;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li {position:relative;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a,
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li .ddp-list-txt {display:block; padding:6px 14px 6px 33px; position:relative; color:#4b515b; font-size:13px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li .ddp-list-txt {cursor:default}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a label.ddp-label-checked {display:block; margin:-6px -14px -6px -33px; padding:6px 55px 6px 33px; color:#4b515b; font-size:13px; cursor: pointer;}

.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a  em.ddp-icon-tool-edit,
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a  em.ddp-icon-tool-copy,
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a  em.ddp-icon-tool-remove {display:inline-block; background:url(../../images/icon_widget.png) no-repeat;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a  em.ddp-icon-tool-edit {width:13px; height:13px; margin-top:-7px; background-position:-14px -131px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a  em.ddp-icon-tool-copy {width:13px; height:13px; margin-top:-7px;background-position:0 -92px;}

.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a  em.ddp-icon-tool-remove {width:11px; height:11px; margin-top:-6px;background-position:left -176px;}

.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a em[class*="ddp-icon-tool-"],
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a em.ddp-icon-chartdet {position:absolute; top:50%; left:11px;}

.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a em.ddp-icon-tool-title {margin:-6px 0 0 0; background-position:-14px top;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a em.ddp-icon-tool-legend {margin:-6px 0 0 0; background-position:-26px -13px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a em.ddp-icon-tool-minimap {margin:-7px 0 0 0; background-position:-26px -26px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a em.ddp-icon-tool-linked {margin:-5px 0 0 0; background-position:-17px -40px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a em.ddp-icon-tool-chart {margin:-7px 0 0 0; background-position:-13px -52px;}

.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a em.ddp-icon-chartdet {margin:-7px 0 0 0; background-position:-14px -163px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li .ddp-list-txt em.ddp-icon-tool-display {position:absolute; top:50%; left:11px; margin-top:-5px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a span.ddp-ui-check {position:absolute; top:6px; right:12px; padding-right:20px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a span.ddp-ui-check i {display:inline-block; positioN:absolute; top:50%; right:0; margin-top:-5px; width:11px; height:8px; margin-left:7px; background:url(../../images/icon_select2.png) no-repeat; vertical-align: middle; background-position:-15px -18px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a span.ddp-ui-check input[type="checkbox"] {position:absolute; right:0; top:0; opacity:0;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a span.ddp-ui-check input[type="checkbox"]:checked + i {background-position:-15px -9px;}

.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a span.ddp-ui-check span.ddp-txt-check:before {display:inline-block; content:'Off'; color:#b7b9c2; font-size:11px;}
.ddp-box-widget.ddp-box-size .ddp-wrap-morebutton .ddp-wrap-popup2 ul li a span.ddp-ui-check input[type="checkbox"]:checked + i + span.ddp-txt-check:before {content:'On'; color:#666fad;}

.ddp-wrap-naviarea .ddp-ui-fix-buttons {display:inline-block; position:relative; top:0; right:inherit; margin-right:3px; width:inherit; border-radius:2px; background-color:#dddee2; overflow:hidden; vertical-align:middle; }
.ddp-wrap-naviarea .ddp-ui-fix-buttons .ddp-list-buttons2 {}
.ddp-wrap-naviarea .ddp-ui-fix-buttons .ddp-list-buttons2 li {float:left;}
.ddp-wrap-naviarea .ddp-ui-fix-buttons .ddp-list-buttons2 li a {display:inline-block; position:relative; padding:7px 25px; height:31px; box-sizing:border-box; }
.ddp-wrap-naviarea .ddp-ui-fix-buttons .ddp-list-buttons2 li a:after {display:inline-block; position:absolute; top:50%; right:0; margin-top:-8px;height:16px; border-right:1px solid #c3c5ca; content:'';}
.ddp-wrap-naviarea .ddp-ui-fix-buttons .ddp-list-buttons2 li:last-of-type a:after {display:none;}
.ddp-wrap-naviarea .ddp-ui-fix-buttons .ddp-list-buttons2 li a:hover {background-color:#d0d1d8;}
.ddp-wrap-naviarea .ddp-ui-fix-buttons .ddp-icon-chart-new {background-position-x:0;}
.ddp-ui-fix-buttons {position:absolute; top:10px; right:10px; width:127px; z-index:121;}
.ddp-ui-fix-buttons:hover {z-index:201;}
.ddp-btn-widget {border-radius:2px; background-color:#90969f;}
.ddp-btn-widget:hover {position:relative; z-index:201;}
.ddp-btn-widget .ddp-btn-chart {display:block; position:relative; padding:7px 0 7px 40px; border-radius:2px; color:#fff; font-size:13px; box-sizing:border-box;}
.ddp-btn-widget .ddp-btn-chart em.ddp-icon-chart-new {position:absolute; top:50%; left:13px; margin-top:-9px;}

.ddp-btn-widget .ddp-btn-chart:before {display:inline-block; position:absolute; top:50%; right:13px; margin-top:-3px; width:9px; height:5px; background:url(../../images/icon_selecview.png) no-repeat; background-position:left -58px; content:'';}
.ddp-btn-widget:hover .ddp-btn-chart:before {display:none;}
.ddp-btn-widget .ddp-types ul.ddp-list-popup li a {padding-left:45px;}
.ddp-btn-widget .ddp-types ul.ddp-list-popup li a:hover {background-color:#f2f1f8; color:#666eb2;}
.ddp-btn-widget .ddp-list-popup li a .ddp-icon-chart-new {position:absolute; top:50%; left:13px; margin-top:-9px; background-position-x:0;}
.ddp-btn-widget .ddp-list-popup li a:hover .ddp-icon-chart-new {background-position-x:-46px;}
.ddp-btn-widget .ddp-list-popup li a .ddp-icon-filter-new {position:absolute; top:50%; left:13px; margin-top:-7px}
.ddp-btn-widget .ddp-list-popup li a:hover .ddp-icon-filter-new {background-position-x:-22px;}
.ddp-btn-widget .ddp-list-popup li a .ddp-icon-parameter-new {position:absolute; top:50%; left:13px; margin-top:-8px}
.ddp-btn-widget .ddp-list-popup li a:hover .ddp-icon-parameter-new {background-position-x:-22px;}
.ddp-btn-widget .ddp-list-popup li a .ddp-icon-text-new {position:absolute; top:50%; left:15px; margin-top:-6px}
.ddp-btn-widget .ddp-list-popup li a:hover .ddp-icon-text-new {background-position-x:-22px;}

.ddp-btn-widget .ddp-wrap-view .ddp-wrap-popup2 {display:none; position:absolute; left:0; top:0; right:0; border:1px solid #9ca2cc;}
.ddp-btn-widget:hover .ddp-wrap-view .ddp-wrap-popup2 {display:block;}

.ddp-box-btn2 {position:relative;}
.ddp-box-btn2 .ddp-ui-tooltip-info {display:none; top:28px; left:inherit; right:3px; margin-top:6px;}
.ddp-box-btn2:hover .ddp-ui-tooltip-info {display:block;}
.ddp-box-btn2 .ddp-ui-tooltip-info em.ddp-icon-view-down {left:inherit; right:8px; bottom:inherit; top:-6px; transform:rotate(90deg)}
.ddp-ui-btnview {position:relative; border:1px solid #90969f; cursor:pointer; box-sizing:border-box;}
.ddp-ui-btnview em.ddp-icon-view {display:inline-block; position:absolute; top:50%; right:0;width:7px; height:4px; margin-top:-2px; background:url(../../images/icon_selecview.png) no-repeat; background-position:-28px -7px;}

.ddp-ui-btnview .ddp-box-btn {position:relative; float:left;  width:20px; height:18px;}
.ddp-ui-btnview .ddp-box-btn em.ddp-icon-widget-graph,
.ddp-ui-btnview .ddp-box-btn em.ddp-icon-widget-grid {display:inline-block;position:absolute; top:50%; left:50%; margin:-6px 0 0 -5px; background:url(../../images/icon_widget.png) no-repeat;}
.ddp-ui-btnview .ddp-box-btn em.ddp-icon-widget-graph {width:10px; height:11px; background-position:left -80px;}

.ddp-ui-btnview .ddp-box-btn em.ddp-icon-widget-grid {width:10px; height:12px;background-position:left -67px;}

.ddp-ui-btnview .ddp-box-btn.ddp-selected .ddp-icon-widget-grid {background-position:-11px -67px;}
.ddp-ui-btnview .ddp-box-btn.ddp-selected .ddp-icon-widget-graph {background-position:-12px -80px;}

.ddp-ui-btnview .ddp-ui-tooltip-info {display:none; top:25px; left:inherit; right:-6px;}
.ddp-ui-btnview .ddp-ui-tooltip-info em.ddp-icon-view-down {right:16px; left:inherit; bottom:inherit; top:-6px; transform:rotate(90deg)}
.ddp-ui-btnview .ddp-box-btn:hover .ddp-ui-tooltip-info {display:block;}

.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-grid {width:11px; height:12px; background-position:left -67px;}

.ddp-box-widget .ddp-top-control .ddp-ui-buttons em.ddp-icon-widget-graph {width:10px; height:11px; background-position:left -80px;}
.ddp-ui-btnview .ddp-box-btn.ddp-selected {background-color:#4b515b;}
.ddp-wrap-editboard .ddp-view-widget.ddp-view-widget-filter {overflow-y:auto;}
.ddp-view-widget .ddp-ui-slider-type {margin:0;}
.ddp-view-widget.ddp-view-name {top:25px;}
.ddp-view-widget {position:absolute; top:0; left:0; right:0; bottom:0; padding:5px 10px; z-index:1;}
.ddp-view-widget .ddp-area-filter.ddp-flex,
.ddp-view-widget .ddp-area-filter .ddp-flex {display:flex;}
.ddp-view-widget .ddp-area-filter.ddp-flex .ddp-btn-line,
.ddp-view-widget .ddp-area-filter .ddp-flex .ddp-btn-line {margin-left:4px;}
.ddp-view-widget .ddp-area-filter.ddp-flex .ddp-type-selectbox {flex:1 auto;}
.ddp-view-widget .ddp-area-filter.ddp-flex .ddp-search-value,
.ddp-view-widget .ddp-area-filter .ddp-flex .ddp-search-value {flex:1 auto;}
.ddp-view-widget .ddp-area-filter .ddp-search-value .ddp-pop-warning .ddp-view {display:inline-block; position:absolute; bottom:100%; right:23px; width:4px; height:8px; margin-bottom:-2px; background:url(../../images/icon_tagview.png) no-repeat; background-position:left -9px; transform:rotate(90deg);}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2.ddp-scroll-none { max-height:initial;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 .ddp-list-popup {max-height:125px; overflow:auto;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 ul.ddp-list-popup li a {padding:4px 14px 4px 14px}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 ul.ddp-list-popup li.ddp-value-search .ddp-label-checkbox span.ddp-txt-checkbox,
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 ul.ddp-list-popup li.ddp-value-search .ddp-label-radio span.ddp-txt-radio {color:#9ca2cc;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 .ddp-no-result .ddp-wrap-info {padding:5px 5px 0 5px;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 .ddp-no-result {}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 .ddp-no-result .ddp-ui-info {position:relative; padding:8px 8px 8px 28px; border:1px solid #e7e7ea; border-radius:2px; background-color:#f6f6f7; color:#90969f; font-size:12px;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 .ddp-no-result .ddp-ui-info .ddp-icon-info {display:inline-block; position:absolute; top:50%; left:8px; margin-top:-7px; width:14px; height:14px; background:url(../../images/icon_info3.png) no-repeat; background-position:left -94px;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-wrap-popup2 .ddp-no-result .ddp-txt-noresult {display:block; padding:10px 10px; color:#b6b9c2;}
.ddp-view-widget .ddp-area-filter .ddp-select-setting {padding:10px 10px 0 10px;}
.ddp-view-widget .ddp-area-filter .ddp-select-setting .ddp-list-select {float:right; margin:0 -10px;}
.ddp-view-widget .ddp-area-filter .ddp-select-setting .ddp-list-select li {float:left;}
.ddp-view-widget .ddp-area-filter .ddp-select-setting .ddp-list-select li a {display:block; position:relative; padding:0 6px; color:#b6b9c2; font-size:12px; text-decoration:underline;}
.ddp-view-widget .ddp-area-filter .ddp-select-setting .ddp-list-select li a:hover {color:#4b515b;}
.ddp-view-widget .ddp-area-filter .ddp-select-setting .ddp-list-select li + li a:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-5px; height:10px; border-left:1px solid #d0d1d8; content:'';}
.ddp-view-widget .ddp-area-filter .ddp-select-setting .ddp-data-total {display:block; overflow:hidden; color:#90969f; font-size:12px;}
.ddp-view-widget .ddp-area-filter .ddp-filter-list .ddp-select-setting {padding:4px 0;}
.ddp-view-widget .ddp-area-filter .ddp-filter-list ul.ddp-list-checktype li {padding:5px 0; font-size:0;}
.ddp-view-widget .ddp-area-filter .ddp-filter-list ul.ddp-list-checktype li.ddp-value-search .ddp-label-checkbox span.ddp-txt-checkbox,
.ddp-view-widget .ddp-area-filter .ddp-filter-list ul.ddp-list-checktype li.ddp-value-search .ddp-label-radio span.ddp-txt-radio {color:#9ca2cc;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 {padding:5px 10px;border-top:1px dotted #d0d1d8; overflow:hidden;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-data-values { float:left; position:relative; top:2px;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-label-check-value {vertical-align:middle;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-label-check-value .ddp-value,
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-label-check-value .ddp-value-num {vertical-align:top; position:relative; top:-1px;margin-left:6px; color:#90969f; font-size:12px;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-label-check-value .ddp-value:before {content:'All'}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-label-check-value .ddp-value-num {display:none;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-label-check-value input[type=checkbox]:checked + i + .ddp-value-num {display:inline-block;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-label-check-value input[type=checkbox]:checked + i + .ddp-value-num + .ddp-value{display:none;}
.ddp-view-widget .ddp-area-filter .ddp-type-selectbox .ddp-data-result2 .ddp-ui-page {float:right;}

.ddp-view-widget .ddp-ui-title + .ddp-ui-widget-contents {top:43px !important; padding-top:0;}

.ddp-view-widget .ddp-ui-widget-contents {position:absolute; top:43px; left:0; right:0; bottom:0; padding:10px; overflow:auto;}
.ddp-view-widget .ddp-ui-widget-contents > .ddp-list-checktype {padding:0; margin-top:-8px;}
.ddp-box-boardedit .ddp-view-widget .ddp-ui-widget-contents {position:relative; top:0 !important; padding:0; overflow:initial;}
.ddp-ui-widget-contents .ddp-form-multy .ddp-box-multy.ddp-form-time .ddp-input-typebasic {width:45%;}
.ddp-ui-widget-contents .ddp-form-multy .ddp-box-multy.ddp-form-time .ddp-type-selectbox {width:55%;}

.ddp-view-widget-text {color:#4b515b; font-size:24px;overflow-y: auto;}
.ddp-view-widget > .ddp-ui-top {}
.ddp-box-widget:hover .ddp-view-widget > .ddp-ui-top .ddp-no-filter {margin-right:26px;}
.ddp-view-widget > .ddp-ui-top .ddp-no-filter {float:right; position:relative; top:10px; color:#b6b9c2; font-size:12px;}
.ddp-view-widget > .ddp-ui-top .ddp-no-filter em.ddp-icon-info {display:inline-block; margin-right:3px; width:14px; height:14px; background:url(../../images/icon_info3.png) no-repeat; background-position:-15px -94px; vertical-align:middle;}
.ddp-view-widget .ddp-ui-title {padding:10px 0 9px 0;color:#4b515b; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.ddp-view-widget .ddp-ui-title .ddp-icon-filter,
.ddp-view-widget .ddp-ui-title .ddp-icon-parameter {display:inline-block; margin-right:5px; background:url(../../images/icon_title.png) no-repeat; vertical-align: middle;}
.ddp-view-widget .ddp-ui-title .ddp-icon-filter {width:15px; height:13px;}
.ddp-view-widget .ddp-ui-title .ddp-icon-parameter {width:15px; height:14px; background-position:left -14px;}

.ddp-view-widget-parameter .ddp-ui-widget-contents {padding:14px 6px 0 6px;}
.ddp-view-widget-parameter .ddp-ui-widget-contents .ddp-ui-slider-type {clear:both; margin-top:-10px;}

.ddp-ui-widget-contents .ddp-dateinfo-view {position:relative; padding:0 0 0 0; width:280px;}
.ddp-ui-widget-contents .ddp-dateinfo-view .ddp-box-preview {padding:6px 0; margin-bottom:10px; border-radius:2px; background-color:#f6f6f7; text-align:center; color:#4c515a; font-size:14px;}
.ddp-ui-widget-contents .ddp-dateinfo-view .ddp-list-buttons {width:100%;}
.ddp-ui-widget-contents .ddp-dateinfo-view .ddp-list-buttons li {margin-bottom:11px;}
.ddp-ui-widget-contents .ddp-filter-calen-in {padding-top:20px; padding-bottom:0;}
.ddp-ui-widget-contents .ddp-filter-calen-in:first-of-type {padding-top:0;}
.ddp-dateinfo-view.ddp-inline {width:auto;}
.ddp-dateinfo-view.ddp-inline .ddp-filter-calen .ddp-wrap-dateinfo {margin-top:-4px;}
.ddp-dateinfo-view.ddp-inline .ddp-filter-calen .ddp-ui-dateinfo {display:inline-block; margin-top:4px;width:280px;}
.ddp-dateinfo-view.ddp-inline .ddp-filter-calen .ddp-form-date .ddp-day {display:inline-block; width:280px; margin-top:5px;}

.ddp-ui-widget-contents .ddp-filter-dateinfo .ddp-ui-dateinfo .ddp-box-rome {width:100%;}
.ddp-ui-widget-contents .ddp-filter-dateinfo .ddp-ui-dateinfo {width:100%; text-align:left;}
.ddp-ui-widget-contents .ddp-filter-dateinfo .ddp-ui-dateinfo:last-of-type {text-align:left;}

.ddp-ui-widget-contents .ddp-form-search {width:100%;}
.ddp-ui-widget-contents ul.ddp-list-checktype li {padding:8px 0;}
.ddp-ui-widget-contents .ddp-ui-slider-type .irs .irs {padding-top:13px;}
.ddp-wrap-slider-type .ddp-input-typebasic {margin-top:24px;}
.ddp-form-input-multy input {width:42%; padding:5px 5px 6px 5px; border:1px solid #ddd; text-align:center; color:#444; font-size:12px; box-sizing:border-box;}
.ddp-form-input-multy input.ddp-input-left {float:left;}
.ddp-form-input-multy span.ddp-text-bar {float:left; width:16%; line-height:28px; text-align:center; color:#a4aab0;}
.ddp-form-input-multy input.ddp-input-right {float:right;}

/* 편집 대시보드*/
.ddp-wrap-widget .ddp-box-widget.type-event-trigger {display:none;}
.ddp-wrap-widget.type-trigger .ddp-box-widget.type-event-trigger {display:block;}
.ddp-box-widget.type-event-trigger {position:absolute; top:0; left:0; right:0; bottom:0; z-index:40;}
.ddp-box-widget.type-event-trigger .ddp-top-control .ddp-ui-buttons {background:none;}
.ddp-box-widget.type-event-trigger .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 {display:block;}
.ddp-box-widget.type-event-trigger .ddp-top-control .ddp-ui-buttons .ddp-box-btn2:hover {background:none;}
.ddp-box-widget.type-event-trigger .ddp-top-label {padding:3px 10px; color:#fff; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ddp-box-widget.type-event-trigger .ddp-top-control {padding-right:0;}
.ddp-box-widget.type-event-trigger .ddp-top-control .ddp-ui-buttons {position:relative; float:right;}
.ddp-box-widget.type-event-trigger .ddp-ui-buttons .ddp-btn-solid-type {display:inline-block; position:relative; top:2px;float:left; padding:2px 0; width:54px; border-radius:3px; background-color:#9ca2cc; text-align:center; color:#ffffff; font-size:13px; font-weight:bold;}
.ddp-box-widget.type-event-trigger .ddp-ui-buttons .ddp-txt-event {float:left; display:inline-block; padding:3px 10px 0 0;color:#d0d1d8; font-size:14px;}

.ddp-box-widget.type-event-trigger .ddp-view-widget textarea.ddp-textarea-widget {display:block; padding:10px; width:100%; height:100%; border:none; background:none; color:#35393f; font-size:13px; box-sizing:border-box;}

.ddp-ui-boardedit .ddp-box-widget .ddp-top-control {position:absolute; top:0; left:0; right:0; height:25px; width:100%; padding-right:120px; background-color:#bdc0c9; box-sizing:border-box;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-data-top {display:block; }
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-buttons {position:absolute; top:0; right:0; background:none;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn-hover,
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2 {display:block;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:9px;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn-hover {border:1px solid #bdc0c9; border-bottom:none; cursor:pointer;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn-hover:hover {border:1px solid #e7e7ea; background-color:#fff;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn-hover a.ddp-btn-tool:hover {background-color:#eee;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-eidt-name {display:block; position:relative; overflow:hidden;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-eidt-name .ddp-data-enter {position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-eidt-name .ddp-data-enter span.ddp-data-name {display:inline-block; padding:0 2px; margin:3px 0 3px 5px; font-size:14px; color:#4b515b;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-eidt-name .ddp-data-enter:hover span.ddp-data-name {background-color:#ced0d6}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-eidt-name .ddp-data-enter .ddp-ui-tooltip-info {position:absolute; top:30px; left:0;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-eidt-name input.ddp-input-edit {display:none;}
.ddp-ui-boardedit .ddp-box-widget .ddp-top-control .ddp-ui-eidt-name.ddp-selected input.ddp-input-edit {display:block; position:absolute; top:3px; left:5px; right:0; bottom:3px; padding:2px 2px; width:100%; font-size:14px; color:#4b515b; background-color:#ced0d6; border:none; box-sizing:border-box;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool {float:left; margin-right:5px; vertical-align: top;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool {float:left; position:relative; width:25px; height:25px; margin-right:-1px; background-color:#dfdfe3; border:1px solid #b7b9c2; box-sizing:border-box;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool:last-of-type {border-right:none;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool em[class*="ddp-icon-tool-"] {position:absolute; top:50%; left:50%;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool em.ddp-icon-tool-title {margin:-6px 0 0 -7px;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool em.ddp-icon-tool-legend {margin:-6px 0 0 -6px;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool em.ddp-icon-tool-minimap {margin:-7px 0 0 -5px;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool em.ddp-icon-tool-linked {margin:-5px 0 0 -8px;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool em.ddp-icon-tool-chart {margin:-5px 0 0 -6px;}

.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool.ddp-selected {background-color:#fff; border:1px solid #e7e7ea; border-bottom:1px solid #fff;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool.ddp-selected:before {display:inline-block; content:''; position:absolute; top:-1px; left:0; right:-1px; border-top:2px solid #4b515b; z-index:1;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool .ddp-ui-tooltip-info {left:0; right:inherit; top:24px;}
.ddp-box-widget .ddp-top-control .ddp-ui-tool a.ddp-btn-tool .ddp-ui-tooltip-info .ddp-icon-view-top{left:18px;}
.gridster-item-inner {height:100%;}
.ddp-box-widget {position:relative; height:100%;}

/**********************************************************************************
	page : 대시보드 text
**********************************************************************************/
.ddp-text-boardside .ddp-box-down {padding-top:0;}
ul.ddp-list-text {margin:0 -15px}
ul.ddp-list-text li a {display:table; position:relative; table-layout:fixed; padding:9px 45px 9px 17px; width:100%; vertical-align:middle; box-sizing:border-box; cursor:all-scroll;}
ul.ddp-list-text li a:hover {background-color:#e7e7ea;}
ul.ddp-list-text li a .ddp-chart-images {display:table-cell; position:relative; width:28px; height:28px;}
ul.ddp-list-text li a .ddp-chart-images .ddp-img-txt {float:left; width:28px; height:28px; background:url(../../images/img_text.png) no-repeat;}
ul.ddp-list-text li a .ddp-chart-images em.ddp-icon-used  {display:inline-block; position:absolute; bottom:-4px; right:-5px; top:initial; width:11px; height:11px; background:url(../../images/icon_use.png) no-repeat; background-color:#f7f7f8;}

ul.ddp-list-text li a .ddp-btn-control {display:none; position:absolute; top:50%; right:6px; margin-top:-5px;}
ul.ddp-list-text li a .ddp-btn-control .ddp-icon-edit-s,
ul.ddp-list-text li a .ddp-btn-control .ddp-icon-del-s {float:left; padding:2px; margin-top:-5px;}
ul.ddp-list-text li a .ddp-btn-control em.ddp-icon-edit-s:before {display:inline-block; width:12px; height:12px; background:url(../../images/icon_control.png) no-repeat; background-position:-26px -97px;}
ul.ddp-list-text li a .ddp-btn-control em.ddp-icon-edit-s:hover:before {background-position-x:-52px;}
ul.ddp-list-text li a .ddp-btn-control em.ddp-icon-del-s:before {display:inline-block; width:11px; height:12px; background:url(../../images/icon_control.png) no-repeat; background-position:-26px -14px}
ul.ddp-list-text li a .ddp-btn-control em.ddp-icon-del-s:hover:before {background-position-x:-62px;}

ul.ddp-list-text li a .ddp-btn-control .ddp-icon-del-s {margin-left:3px; position:relative; top:1px;}

ul.ddp-list-text li a:hover .ddp-btn-control {display:block;}
ul.ddp-list-text li a .ddp-data-info {display:table-cell; width:100%; padding-left:10px; vertical-align:middle; box-sizing:border-box;}
ul.ddp-list-text li a .ddp-data-info span {display:block; color:#4b515b; font-size:12px; line-height:16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;}

/**********************************************************************************
        page : 대시보드 필터
**********************************************************************************/
.ddp-wrap-filter {position:relative; width:100%; height:100%;}
.ddp-ui-filter-item {position:absolute; top:0; left:0; bottom:0; width:306px; border-right:1px solid #e7e7ea; overflow:auto; background-color:#f6f6f7;}
.ddp-ui-filter-item .ddp-view-filter {position:relative; height:42%; padding-bottom:18px; padding-top:13px; border-bottom:1px solid #e7e7ea; background-color:#fff; box-sizing:border-box;}
.ddp-ui-filter-item .ddp-view-filter.ddp-type {height:50%;}
.ddp-ui-filter-item .ddp-view-filter.ddp-type2 {height:100% !important;}
.ddp-ui-filter-item .ddp-view-filter:first-of-type {padding-top:0; height:16%;}
.ddp-ui-filter-item .ddp-view-filter:first-of-type .ddp-wrap-list-filter  {top:33px;}
.ddp-ui-filter-item .ddp-view-filter:nth-child(2) {position:absolute; top:16%; left:0; right:0; height:42%;}
.ddp-ui-filter-item .ddp-view-filter.ddp-view-full {height:auto; bottom:47px;}
.ddp-ui-filter-item .ddp-ui-top {position:relative; padding:3px 11px 15px 11px; color:#90969f; font-size:13px;}
.ddp-ui-filter-item .ddp-view-column .ddp-ui-top {cursor: pointer;}
.ddp-ui-filter-item .ddp-view-column .ddp-ui-top .ddp-ui-search .ddp-form-search {background-color:#f6f6f7;}

.ddp-ui-filter-item .ddp-view-column .ddp-ui-top em.ddp-icon-view {position:absolute; top:8px; right:20px; width:9px; height:5px; background:url(../../images/icon_dropdown.png) no-repeat;  background-position:left -6px;}

.ddp-ui-filter-item .ddp-view-column.ddp-selected .ddp-ui-top em.ddp-icon-view {background-position:left top;}

.ddp-ui-filter-item .ddp-view-column .ddp-ui-top .ddp-ui-search {right:35px}
.ddp-ui-filter-item .ddp-ui-top .ddp-ui-search {position:absolute; top:-3px; right:16px; left:11px; height:31px;}
.ddp-ui-filter-item .ddp-ui-top .ddp-ui-search .ddp-form-search {display:none; width:100%; background-color:#fff;}
.ddp-ui-filter-item .ddp-ui-top .ddp-ui-search.ddp-selected .ddp-form-search {display:block;}
.ddp-ui-filter-item .ddp-ui-top .ddp-ui-search em.ddp-icon-search-default {display:inline-block;; padding:4px; position:absolute; top:50%; right:0; margin-top:-11px; cursor: pointer;}
.ddp-ui-filter-item .ddp-ui-top .ddp-ui-search em.ddp-icon-search-default:before {display:inline-block; content:''; width:11px; height:11px; background:url(../../images/icon_search.png) no-repeat;}
.ddp-ui-filter-item .ddp-ui-top .ddp-ui-search em.ddp-icon-search-default:hover:before {background-position:-12px top;}
.ddp-wrap-list-filter {position:absolute; top:46px; left:0; right:0; bottom:0; overflow-y:auto;}
.ddp-wrap-list-filter ul.ddp-list-filter {padding:0 10px 0 13px;}
.ddp-wrap-list-filter ul.ddp-list-filter li {padding:0 0 0 0;}
.ddp-wrap-list-filter ul.ddp-list-filter li a {display:block; padding:6px 23px 6px 15px; position:relative; color:#4b515b; font-size:14px;}
.ddp-wrap-list-filter ul.ddp-list-filter li a:hover {background-color:#f6f6f7;}
.ddp-wrap-list-filter ul.ddp-list-filter li a:after {display:none; content:''; position:absolute; top:50%; right:12px; width:5px; height:9px; margin-top:-5px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -48px;}
.ddp-wrap-list-filter ul.ddp-list-filter li a:hover:after {display:block;}
.ddp-wrap-list-filter ul.ddp-list-filter li.ddp-selected a {background-color:#4b515b; color:#fff;}
.ddp-wrap-list-filter ul.ddp-list-filter li.ddp-selected a:after  {display:block; background-position:-6px -48px;}
.ddp-wrap-list-filter ul.ddp-list-filter li a em.ddp-icon-error2 {position:relative; top:0; margin:0 5px 0 2px;}
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-ui-buttons{position:relative; top:-1px; float:right; box-sizing:border-box;}
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-ui-buttons .ddp-wrap-datalock,
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-ui-buttons .ddp-wrap-datarecommend,
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-ui-buttons em[class*="ddp-icon-"] {vertical-align: middle; margin-left:7px;}
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-ui-buttons span.ddp-link-filter {display:inline-block; position:relative; top:2px; color:#90969f; font-size:11px; text-decoration: underline; cursor: pointer; vertical-align: top; }
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-ui-buttons span.ddp-link-filter:hover {color:#4b515b;}
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-ui-buttons .ddp-ui-tooltip-info {left:inherit; margin-right:6px; right:100%;}
.ddp-wrap-list-filter ul.ddp-list-filter li.ddp-selected a .ddp-ui-buttons span.ddp-link-filter {color:#fff;}
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-icon-link-cut2 {position:relative; top:-1px;}
.ddp-wrap-list-filter ul.ddp-list-filter li a span.ddp-data-name,
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a span.ddp-data-name { display:block; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; overflow:hidden;}

.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a span.ddp-data-name .ddp-ui-label {display:inline-block; margin-left:8px; padding-left:8px; color:#90969f; font-size:11px; border-left:1px solid rgba(208, 209, 216, 0.8);}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a span.ddp-data-name .ddp-ui-label .ddp-icon-chart {display:inline-block; width:10px; height:8px; background:url(../../images/icon_chart.png) no-repeat; background-position:-11px -43px;}

.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-icon-time3 {width:13px; height:13px; background-position:left -16px;}
.ddp-wrap-list-filter ul.ddp-list-filter li a .ddp-icon-type,
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a .ddp-icon-type {float:left; position:relative; top:4px;width:16px; margin-right:5px; text-align:center; vertical-align: middle;}
.ddp-ui-filter-item .ddp-view-column {position:absolute; left:0; right:0; bottom:0; height:47px; padding-top:13px; box-sizing:border-box;}
.ddp-ui-filter-item .ddp-view-column .ddp-view-column .ddp-ui-top {position:relative; padding:3px 11px 15px 11px; color:#b7b9c2; font-size:13px; font-weight: bold;}

.ddp-ui-filter-item .ddp-view-column.ddp-selected {top:58%; height:42%;}
.ddp-ui-filter-item .ddp-view-column.ddp-selected .ddp-wrap-list-filter2 {display:block;}
.ddp-wrap-list-filter2 {display:none; position:absolute; top:46px; left:0; right:0; bottom:0; overflow:auto;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 {position:absolute; bottom:35px; left:0; right:0; top:0; padding:0 10px 0 13px; overflow:auto;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li {position:Relative;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a {display:block; position:relative; padding:5px 23px 5px 15px; color:#4b515b; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a .ddp-ui-buttons {float:right; box-sizing:border-box;}

.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a .ddp-ui-buttons .ddp-wrap-datalock,
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a .ddp-ui-buttons .ddp-wrap-datarecommend,
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a .ddp-ui-buttons em[class*="ddp-icon-"] {vertical-align: middle; margin-left:7px;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a .ddp-icon-link-cut2 {position:relative; top:-1px; background-position:-26px -14px;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a:hover {background-color:#fff; color:#4b515b;}

.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a:after {display:none; content:''; position:absolute; top:50%; right:10px; margin-top:-4px; width:7px; height:7px; background:url(../../images/btn_minus_plus.png) no-repeat; background-position:left -12px;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li a:hover:after {display:block;}

.ddp-wrap-list-filter2 ul.ddp-list-filter2 li.ddp-disabled:before {position:absolute; top:0; right:0; bottom:0; left:0;  content:''; z-index:1; cursor: no-drop;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li.ddp-disabled a {opacity:0.5;}
.ddp-wrap-list-filter2 ul.ddp-list-filter2 li.ddp-disabled a:hover:after {display:none;}

.ddp-wrap-list-filter2 .ddp-ui-page {position:absolute; bottom:0;; left:0; right:0; padding:10px 12px 10px 12px; overflow:hidden;}
.ddp-wrap-list-filter2 .ddp-ui-page a.ddp-prev {float:left; color:#90969f; font-size:12px;}
.ddp-wrap-list-filter2 .ddp-ui-page a.ddp-prev em {margin-right:9px;}
.ddp-wrap-list-filter2 .ddp-ui-page a.ddp-prev.ddp-disabled {opacity:0.3; cursor: no-drop;}
.ddp-wrap-list-filter2 .ddp-ui-page a.ddp-next {float:right; color:#90969f; font-size:12px;}
.ddp-wrap-list-filter2 .ddp-ui-page a.ddp-next em {margin-left:9px;}
.ddp-wrap-list-filter2 .ddp-ui-page a.ddp-next.ddp-disabled {opacity:0.3; cursor: no-drop;}

.ddp-ui-filter-set {position:absolute; top:0; left:307px; bottom:0; padding:0 0 0 16px; overflow:auto;}

.ddp-ui-filter-set .ddp-ui-top-title span.ddp-ui-label {display:block; font-size:18px; color:#4b515b; font-weight:bold;}
.ddp-ui-filter-set .ddp-ui-tags {overflow:Hidden; padding:15px 0 15px 0;}
.ddp-ui-tags .ddp-tag-type {position:relative;float:left;font-size:12px; color:#90969f; height:21px; padding:2px 5px; margin-right:5px; border-radius:2px; border:1px solid #90969f; box-sizing:border-box;}
.ddp-ui-tags .ddp-tag-type.ddp-tag-dimension {border:1px solid #439fe5; color:#439fe5;}
.ddp-ui-tags .ddp-tag-type.ddp-tag-measure {border:1px solid #5fd7a5; color:#5fd7a5;}
.ddp-ui-tags .ddp-tag-type.ddp-type {border:1px solid #666eb2; color:#666eb2;}
.ddp-ui-tags .ddp-tag-type.ddp-type .ddp-wrap-datalock {position:relative; margin-right:5px; border:1px solid #666eb2; color:#666eb2;}
.ddp-ui-tags .ddp-tag-type.ddp-type .ddp-wrap-datalock em.ddp-icon-lock-s2 {position:absolute; left:inherit; top:inherit; margin:0; background-position-x:-7px;}
.ddp-ui-tags .ddp-tag-type em[class*="ddp-icon"] {position:relative; top:1px; left:0; margin-right:5px; vertical-align: middle;}
.ddp-ui-tags .ddp-tag-type em[class*="ddp-icon-basic-"] {top:-1px;}
.ddp-ui-tags .ddp-tag-type em.ddp-icon-global {width:14px; background-position:-42px -18px;}
.ddp-ui-tags .ddp-tag-type em.ddp-icon-recommend {position:relative; top:0; background-position:-24px top;}
.ddp-ui-tags .ddp-tag-type em.ddp-icon-lock {position:relative; top:0; background-position:-24px top;}
.ddp-ui-tags .ddp-data-chartname {float:left; padding:3px 7px; width:155px; color:#90969f; font-size:12px; background-color:#f6f6f7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; box-sizing:border-box;}
.ddp-ui-tags .ddp-data-chartname:before {display:inline-block; width:10px; height:8px; margin-right:4px; background:url(../../images/icon_chart.png) no-repeat; background-position:-11px -43px; content:'';}
.ddp-tag-type .ddp-txt-slide:after {color:#b7b9c2; font-size:12px; content:'Global off';}
.ddp-tag-type.ddp-checkbox-slide {border:none;}
.ddp-tag-type.ddp-checkbox-slide:hover {padding-right:47px;}
.ddp-tag-type.ddp-checkbox-slide label {display:none; position:absolute; right:5px; top:8px;}
.ddp-tag-type.ddp-checkbox-slide:hover label {display:block;}
.ddp-tag-type .ddp-txt-slide em.ddp-icon-global {width:14px;background-position-x:0;}
.ddp-checkbox-slide input[type=checkbox]:checked + label + .ddp-txt-slide:after {color:#666eb2; content:'Global on';}
.ddp-checkbox-slide input[type=checkbox]:checked + label + .ddp-txt-slide em.ddp-icon-global {background-position-x:-42px;}
.ddp-checkbox-slide input[type=checkbox] + label + .ddp-txt-slide:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #b7b9c2; content:'';}

.ddp-ui-popup-contents .ddp-ui-filter-set .ddp-wrap-edit3{margin-bottom:5px;}
.ddp-ui-status {position:absolute; top:19px; left:0; right:0; bottom:0;}
.ddp-ui-status.ddp-filtering .ddp-ui-edit-set {display:block;}
.ddp-ui-status.ddp-filtering .ddp-box-item-search {top:284px;}
.ddp-wrap-status {position:absolute; top:160px; left:16px; right:0; bottom:19px;}
.ddp-wrap-status .ddp-ui-top {color:#b7b9c2; font-size:13px;}
.ddp-wrap-status .ddp-wrap-edit-set {margin-top:-23px;}
.ddp-wrap-status .ddp-wrap-edit-set a.ddp-btn-filter {float:right;width:124px; height:27px; line-height:27px; background-color:#f6f6f7; text-align:center; color:#b7b9c2; font-size:13px;}
.ddp-wrap-status .ddp-wrap-edit-set a.ddp-btn-filter em.ddp-icon-view {display:inline-block; width:9px; height:5px; margin-left:10px; background:url(../../images/icon_dropdown.png) no-repeat;}

.ddp-wrap-status .ddp-ui-edit-set {display:none; clear:both;position:relative; padding:0 30px 15px 18px; background-color:#f6f6f7; z-index:1;}
.ddp-ui-edit-set .ddp-label-title {display:block; padding-top:10px; padding-bottom:10px; position:relative; color:#444; font-size:14px;}
.ddp-ui-edit-set .ddp-label-title a.ddp-btn-reset {position:relative; display:inline-block; width:15px; height:13px; margin-left:5px;  background:url(../../images/icon_reset.png) no-repeat; background-position:left -20px;vertical-align: middle;}
.ddp-ui-edit-set .ddp-label-title a.ddp-btn-reset:hover {background-position:-15px -20px;}

.ddp-ui-edit-set .ddp-data-info {display:inline-block; padding:5px 0 0 0; margin-left:5px; color:#4b515b; font-size:12px;}
.ddp-ui-edit-set .ddp-data-info span.ddp-data {color:#90969f; font-style:italic;}
.ddp-ui-edit-set .ddp-data-info span.ddp-data2 {color:#ca4b4b;}
.ddp-wrap-status .ddp-ui-edit-set .ddp-ui-buttons {padding-top:16px;}
.ddp-wrap-status .ddp-ui-edit-set .ddp-ui-buttons .ddp-btn-pop {margin-right:6px;}
.ddp-wrap-status .ddp-ui-edit-set .ddp-ui-buttons .ddp-btn-pop.ddp-bg-black {border:1px solid #90969f; background-color:#90969f;}
.ddp-wrap-status .ddp-ui-edit-set .ddp-ui-buttons .ddp-btn-pop.ddp-bg-black:hover {border:1px solid #4b515b; background-color:#4b515b;}
.ddp-form-edit-set [class*="ddp-col-"] {padding-left:3px; box-sizing:border-box;}
.ddp-form-edit-set [class*="ddp-col-"]:first-of-type {padding-left:0; margin-bottom:4px;}

.ddp-box-item-search {position:absolute; top:0; left:0; right:0; bottom:0; padding:0 9px 0 14px; box-sizing:border-box;;}

.ddp-box-item-search .ddp-form-search {margin-top:7px; width:100%;}
.ddp-box-item-search .ddp-search-option {position:relative; padding-right:63px;}
.ddp-box-item-search a.ddp-btn-eyes {position:absolute; bottom:0; right:9px; width:25px; height:19px; border-radius:2px; border:1px solid #d3d5d9; }
.ddp-box-item-search a.ddp-btn-eyes:hover {border:1px solid #9da0a7;}
.ddp-box-item-search a.ddp-btn-eyes em {position:absolute; top:50%; left:50%; margin:-6px 0 0 -8px; background-position:left -12px;}
.ddp-box-item-search a.ddp-btn-eyes.ddp-selected em {background-position:-17px top;}

.ddp-box-item-search .ddp-data-result {positioN:absolute; bottom:60px; left:0; right:0;}
.ddp-box-item-search .ddp-data-result .ddp-data-value {position:relative; top:-3px; padding-left:13px; color:#90969f;}

.ddp-box-item-search .ddp-list-checktype {position:absolute; top:40px; left:0; right:0; bottom:99px; padding:0 24px 0 24px; box-sizing:border-box; overflow-y:auto;}
.ddp-box-item-search .ddp-list-checktype li {position:relative; padding:4px 0;}
.ddp-box-item-search .ddp-list-checktype li .ddp-label-checkbox span.ddp-txt-checkbox {font-size:14px;}
.ddp-box-item-search .ddp-list-checktype li .ddp-label-radio span.ddp-txt-radio {font-size:14px;}
.ddp-box-item-search .ddp-list-checktype li.ddp-value-search .ddp-label-radio span.ddp-txt-radio,
.ddp-box-item-search .ddp-list-checktype li.ddp-value-search .ddp-label-checkbox span.ddp-txt-checkbox {color:#9ca2cc;}

.ddp-box-item-search .ddp-list-checktype.ddp-type-list li {position:relative; padding-right:30px; font-size:0;}
.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting {position:absolute; top:5px; right:0;font-size:13px; color:#b7b9c2;}

.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting .ddp-label-setting {float:left; }
.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting .ddp-label-setting .ddp-icon-eye {display:inline-block; position:relative; top:2px; width:16px; height:11px; margin-right:3px; background:url(../../images/icon_eyes.png) no-repeat; vertical-align:top;}
.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting .ddp-setting-check {float:left;}
.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting .ddp-setting-check a {display:inline-block; position:relative; padding:0 7px; color:#b7b9c2;}
.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting .ddp-setting-check a:before {display:inline-block; position:absolute; top:50%; right:0; height:10px; margin-top:-5px; border-right:1px solid #e7e7ea; content:'';}
.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting .ddp-setting-check a:last-of-type {padding-right:0;}
.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting .ddp-setting-check a:last-of-type:before {display:none;}
.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-setting .ddp-setting-check a:hover {color:#4c515a;}

.ddp-box-item-search .ddp-list-checktype.ddp-type-list li .ddp-list-all {padding:6px 0 11px 0; margin-bottom:5px; border-bottom:1px dotted #ddd;}

.ddp-box-item-search .ddp-list-checktype li .ddp-label-checkbox {display:inline-block;}
.ddp-box-item-search .ddp-list-checktype li .ddp-label-checkbox span.ddp-data-valuenum,
.ddp-box-item-search .ddp-list-checktype li .ddp-label-radio span.ddp-data-valuenum {position:relative; top:-1px; margin-left:5px; color:#90969f; font-size:12px;}
.ddp-box-item-search .ddp-list-checktype li [class*="ddp-icon-eyes2"] {position:absolute; top:50%; right:5px; margin-top:-6px; cursor: pointer;}
.ddp-box-item-search .ddp-list-checktype li .ddp-icon-eyes2-none {background-position:left -24px;}
.ddp-box-item-search.ddp-type-filter .ddp-list-checktype li [class*="ddp-icon-eyes2"] {background-position:-15px -36px;}
.ddp-box-item-search.ddp-type-filter .ddp-list-checktype li .ddp-icon-eyes2-none {width:15px; background-position:left -36px;}

.ddp-box-item-search .ddp-list-checktype li em.ddp-icon-sclose2 {display:none; position:absolute; top:50%; right:-13px; margin-top:-5px;}
.ddp-box-item-search .ddp-list-checktype li:hover em.ddp-icon-sclose2 {display:block;}
.ddp-box-item-search .ddp-ui-page {position:absolute; right:24px; bottom:0;}
.ddp-box-item-search .ddp-box-search {position:absolute; bottom:0; left:13px; right:0; padding:9px 79px 9px 11px; background-color:#f6f6f7;}
.ddp-box-item-search .ddp-box-search .ddp-btn-solid3 {display:inline-block; position:absolute; top:9px; right:6px; padding:6px 0; width:65px; color:#90969f; font-size:13px; text-align:center; border:1px solid #d0d1d7; border-radius:2px;}
.ddp-ui-filter-set .ddp-wrap-edit3.ddp-field {margin-top:33px;}
.ddp-ui-filter-set .ddp-wrap-edit3.ddp-field ul.ddp-list-buttons.ddp-part3 li {width:76px;}
.ddp-ui-filter-set .ddp-wrap-edit3 .ddp-label-type,
.ddp-ui-filter-set .ddp-wrap-edit3 label.ddp-label-subtype {width:120px;}
.ddp-ui-filter-set .ddp-wrap-edit3 .ddp-data-result {padding:5px 0 0 120px; color:#b7b9c2;}
.ddp-ui-filter-set .ddp-ui-part {padding:70px 0 0 0;}
.ddp-ui-filter-set .ddp-ui-part .ddp-wrap-edit3 {margin-bottom:20px;}

.ddp-ui-field-type {width:217px; padding-top:15px;}
.ddp-ui-field-type .ddp-form-date + .ddp-form-date {padding-top:14px;}
.ddp-ui-field-type .ddp-ui-top-type {position:relative; margin-bottom:5px;}
.ddp-ui-field-type .ddp-ui-top-type .ddp-ui-buttons  {position:absolute; top:-3px; right:0; display:inline-block;}
.ddp-ui-field-type .ddp-ui-top-type [class*="ddp-icon-link-"] {margin-left:6px;}
.ddp-ui-field-type .ddp-ui-top-type .ddp-icon-link-plus:hover {background-position:-10px -2px;}
.ddp-ui-field-type .ddp-ui-top-type .ddp-icon-link-cut2:hover {background-position:-50px -14px;}
.ddp-ui-field-type .ddp-ui-top-type .ddp-ui-check-type {position:relative; padding:9px 0 0 38px; }
.ddp-ui-field-type .ddp-ui-check-type {position:relative; padding:0 0 0 38px; margin:10px 0 0 0;}

.ddp-ui-field-type .ddp-ui-check-type .ddp-ui-buttons {margin-top:0; top:0;}
.ddp-ui-field-type .ddp-ui-check-type .ddp-ui-buttons .ddp-icon-link-cut2 {position:relative; top:-1px; background-position:-50px -14px;}
.ddp-ui-field-type .ddp-ui-check-type .ddp-ui-buttons .ddp-icon-link-cut2:hover {background-position:-62px -14px;}
.ddp-ui-field-type label.ddp-label-checkbox {display:inline-block;}
.ddp-ui-field-type label.ddp-label-checkbox span.ddp-txt-checkbox {font-size:12px;}
.ddp-ui-field-type .ddp-data-status {color:#90969f; font-size:12px;}
.ddp-ui-filter-set .ddp-ui-edit-option .ddp-list-chartlist li a {display:block; position:relative; padding:6px 0 6px 16px; color:#4b515b; font-size:13px;}
.ddp-ui-filter-set .ddp-ui-edit-option .ddp-list-chartlist li a  em.ddp-icon-chart-s {position:absolute; top:9px; left:0;}
.ddp-ui-filter-set .ddp-ui-edit-option .ddp-list-chartlist li a:hover {font-weight:bold;}

/**********************************************************************************
	page : 대시보드 필터
**********************************************************************************/
.ddp-area-boardside .ddp-ui-down-title2 {position:relative; min-height:50px; margin:0 -10px 0 -17px; padding:0 10px 0 17px;cursor:move;}
.ddp-area-boardside .ddp-ui-down-title2.ddp-selected {background-color:#F4F3FA;}
.ddp-area-boardside .ddp-ui-down-title2.ddp-selected:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #A6ACD2;  content:''; z-index:1;}
.ddp-area-boardside .ddp-box-down .ddp-wrap-divide {padding-top:0;}
.ddp-area-boardside .ddp-contents-divide.ddp-type {margin-top:-10px;}
.ddp-area-boardside .ddp-ui-down-title2 .ddp-ui-buttons {position:relative; top:17px; float:right; background:none;}
.ddp-area-boardside .ddp-ui-down-title2 .ddp-wrap-morebutton {display:inline-block;}
.ddp-area-boardside .ddp-ui-down-title2 .ddp-ui-buttons .ddp-wrap-datalock,.ddp-area-boardside .ddp-ui-down-title2 .ddp-ui-buttons .ddp-wrap-datarecommend,
.ddp-area-boardside .ddp-ui-down-title2 .ddp-ui-buttons em[class*="ddp-icon-"] {vertical-align:middle; margin-left:7px;}

.ddp-area-boardside .ddp-ui-down-title2 .ddp-ui-buttons .ddp-wrap-morebutton.ddp-selected .ddp-wrap-popup2,
.ddp-area-boardside .ddp-ui-down-title2 .ddp-hover-tooltip:hover .ddp-ui-tooltip-info {z-index:15;}

.ddp-area-boardside .ddp-ui-down-title2 .ddp-ui-buttons .ddp-wrap-popup2 em[class*="ddp-icon-"] {margin-left:0;}
.ddp-area-boardside .ddp-ui-down-title2:hover {background-color:#e7e7ea;}
.ddp-area-boardside .ddp-ui-down-title2:hover .ddp-wrap-datalock em.ddp-icon-lock-s2 {background-color:#e7e7ea; border:1px solid #e7e7ea;}
.ddp-area-boardside .ddp-ui-down-title2:hover .ddp-wrap-datarecommend em.ddp-icon-recommend-s2 {background-color:#e7e7ea; border:1px solid #e7e7ea;}

.ddp-area-boardside .ddp-box-down {padding:0 0 10px 17px;}
.ddp-area-boardside .ddp-box-down.ddp-border-none {border-bottom:none;}

.ddp-area-boardside .ddp-wrap-divide .ddp-ui-divide {clear:both;padding-bottom:10px; padding-right:10px;}
.ddp-area-boardside .ddp-wrap-divide .ddp-ui-divide .ddp-ui-page.ddp-center {overflow:hidden; padding-top:10px; text-align:center;}
.ddp-area-boardside .ddp-wrap-divide .ddp-ui-divide .ddp-ui-page.ddp-center * {display:inline-block; float:inherit; vertical-align:middle;}
.ddp-area-boardside .ddp-wrap-divide .ddp-ui-divide .ddp-ui-page.ddp-center .ddp-data-page {vertical-align:top;}
.ddp-area-boardside .ddp-wrap-divide .ddp-ui-divide .ddp-ui-slider-type {margin:0;}
.ddp-area-boardside .ddp-wrap-divide .ddp-ui-divide .ddp-ui-slider-type .irs .irs {padding-top:14px;}

.ddp-area-boardside .ddp-wrap-divide.ddp-dropdown .ddp-ui-divide {padding-bottom:0; margin-bottom:-10px;}
.ddp-area-boardside .ddp-wrap-divide.ddp-dropdown .ddp-ui-divide .ddp-ui-down-title2 {cursor:pointer;}
.ddp-area-boardside .ddp-wrap-divide.ddp-dropdown .ddp-contents-divide{display:none;}
.ddp-area-boardside .ddp-wrap-divide.ddp-dropdown .ddp-none-bar {display:none;}
.ddp-area-boardside .ddp-wrap-divide.ddp-dropdown.ddp-selected .ddp-ui-divide {padding-bottom:10px; margin-bottom:0;}
.ddp-area-boardside .ddp-wrap-divide.ddp-dropdown.ddp-selected .ddp-ui-divide .ddp-search-value {margin:5px 0 3px 0;}
.ddp-area-boardside .ddp-wrap-divide.ddp-dropdown.ddp-selected .ddp-contents-divide{display:block;}

.ddp-area-boardside .ddp-ui-divide .ddp-no-result .ddp-wrap-info {padding:5px 0 0 0;}
.ddp-area-boardside .ddp-ui-divide .ddp-no-result {}
.ddp-area-boardside .ddp-ui-divide .ddp-no-result .ddp-ui-info {position:relative; padding:8px 8px 8px 28px; border:1px solid #e7e7ea; border-radius:2px; background-color:#f6f6f7; color:#90969f; font-size:12px;}
.ddp-area-boardside .ddp-ui-divide .ddp-no-result .ddp-ui-info .ddp-icon-info {display:inline-block; position:absolute; top:50%; left:8px; margin-top:-7px; width:14px; height:14px; background:url(../../images/icon_info3.png) no-repeat; background-position:left -94px;}
.ddp-area-boardside .ddp-ui-divide .ddp-no-result .ddp-txt-noresult {display:block; padding:14px 15px; color:#b6b9c2;}

.ddp-area-boardside .ddp-ui-divide .ddp-ui-filter-info {position:relative; padding:8px; border:1px solid #e7e7ea; border-radius:2px; background-color:#f6f6f7; color:#90969f; font-size:12px;word-break:break-all;}

.ddp-area-boardside .ddp-ui-divide .ddp-flex-search {display:flex;}
.ddp-area-boardside .ddp-ui-divide .ddp-flex-search .ddp-search-value {flex:1 auto;}
.ddp-area-boardside .ddp-ui-divide .ddp-flex-search a.ddp-btn-line {margin:5px 0 3px 5px; padding:6px 3px; min-width:auto; white-space:nowrap;}
.ddp-area-boardside .ddp-ui-divide .ddp-select-setting {padding:4px 0 9px 0;}
.ddp-area-boardside .ddp-ui-divide .ddp-select-setting .ddp-list-select {float:right; margin:0 -10px;}
.ddp-area-boardside .ddp-ui-divide .ddp-select-setting .ddp-list-select li {float:left;}
.ddp-area-boardside .ddp-ui-divide .ddp-select-setting .ddp-list-select li a {display:block; position:relative; padding:0 10px; color:#B6B9C2; font-size:12px; text-decoration:underline;}
.ddp-area-boardside .ddp-ui-divide .ddp-select-setting .ddp-list-select li a:hover {color:#4b515b;}
.ddp-area-boardside .ddp-ui-divide .ddp-select-setting .ddp-list-select li + li a:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-5px; height:10px; border-left:1px solid #d0d1d8; content:'';}
.ddp-area-boardside .ddp-ui-divide .ddp-select-setting .ddp-data-total {display:block; overflow:hidden; color:#90969f; font-size:12px;}
.ddp-area-boardside .ddp-ui-divide .ddp-list-checktype li.ddp-value-search .ddp-label-checkbox span.ddp-txt-checkbox,

.ddp-area-boardside .ddp-ui-divide .ddp-list-checktype li.ddp-value-search .ddp-label-radio span.ddp-txt-radio {color:#9ca2cc;}
.ddp-area-boardside .ddp-ui-divide .ddp-ui-values {padding:8px 10px 0 17px; margin:0 -10px -10px -17px; border-top:1px dotted #d0d1d8;}

.ddp-contents-divide .ddp-time-filter {margin-top:-5px;}
.ddp-contents-divide .ddp-time-filter .ddp-box-data {padding:18px 0; border:1px solid #d6d7dd; border-radius:2px; color:#4b515b; font-size:14px; text-align:center;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dt {display:block; padding:5px 0 0 0; color:#90969f; font-size:13px;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd {padding:4px 0 0 0;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-date-check {padding-bottom:8px;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-date-check input {float:left; width:110px; margin-right:6px;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-date-check .ddp-label-checkbox {float:left; position:relative; top:6px;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-list-check {margin:-2px -2px;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-list-check li { float:left; width:50%; padding:2px; box-sizing:border-box;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-list-check li.ddp-full {width:100%;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-list-check li a {display:block;padding:7px 7px; border-radius:2px; background-color:#e7e7ea; color:#4b515b; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-list-check li a:hover {background-color:#dbdce1;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-list-check li.ddp-selected a {background-color:#4c515a; color:#fff;}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-list-check li.ddp-selected a:before {display:inline-block; width:14px; height:10px; margin-right:4px; background:url(../../images/icon_select2.png) no-repeat; vertical-align:middle; content:'';}
.ddp-contents-divide .ddp-time-filter dl.ddp-dl-date dd .ddp-list-check li a .ddp-input-typebasic {display:inline-block;width:50px; margin:0 4px; text-align:right;}
.ddp-ui-values {padding:6px 0 0 0; margin-bottom:-10px; overflow:hidden;}
.ddp-ui-values .ddp-data-values {float:left; color:#90969f; font-size:12px;}
.ddp-ui-values .ddp-label-check-value {display:inline-block; margin-right:3px; vertical-align:middle;}
.ddp-ui-values .ddp-label-check-value .ddp-value-num { margin-left:4px;vertical-align:top;}
.ddp-ui-values .ddp-label-check-value .ddp-value { margin-left:4px;font-size:12px; color:#90969f; vertical-align:top;}
.ddp-ui-values .ddp-label-check-value input[type="checkbox"]:checked + i + .ddp-value-num {display:none;}
.ddp-ui-values .ddp-label-check-value input[type="checkbox"] + i + .ddp-value-num + .ddp-value {display:none;}
.ddp-ui-values .ddp-label-check-value input[type="checkbox"]:checked + i + .ddp-value-num + .ddp-value {display:inline-block;}
.ddp-ui-values .ddp-ui-page {float:right; position:relative; top:-3px;}

.ddp-area-boardside .ddp-ui-down-title2.ddp-flex {display:flex;	align-items:center;}
.ddp-area-boardside .ddp-ui-down-title2.ddp-flex .ddp-itemtype-title {flex: 1 1 auto;}
.ddp-area-boardside .ddp-ui-down-title2.ddp-flex .ddp-data-itemtype .ddp-txt-itemtype {display:block;}
.ddp-area-boardside .ddp-ui-down-title2.ddp-flex .ddp-flex-button {margin-left:auto; display:flex; align-items:center;}
.ddp-area-boardside .ddp-ui-down-title2.ddp-flex .ddp-flex-button .ddp-icon-boardside-lock,
.ddp-area-boardside .ddp-ui-down-title2.ddp-flex .ddp-flex-button .ddp-wrap-morebutton,
.ddp-area-boardside .ddp-ui-down-title2.ddp-flex .ddp-flex-button .ddp-icon-global-s{margin-left:7px; min-width:13px;}
.ddp-area-boardside .ddp-ui-down-title2.ddp-flex .ddp-flex-button .ddp-wrap-morebutton .ddp-wrap-popup2 .ddp-list-layer-option.type-sub-down {width:220px;}
.ddp-area-boardside .ddp-ui-down-title2.ddp-flex .ddp-flex-button .ddp-wrap-morebutton .ddp-wrap-popup2 .ddp-list-layer-option.type-sub-down .ddp-ui-layer-sub {min-width:100px;}
.ddp-itemtype-title {min-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-data-itemtype {display:table; table-layout:fixed;position:relative; width:100%; min-height:50px; padding:10px 0 10px 40px; box-sizing:border-box; font-size:0;}
.ddp-data-itemtype.ddp-type .ddp-txt-itemtype {white-space:normal;}
.ddp-data-itemtype .ddp-icon-box {display:inline-block; position:absolute; top:50%; left:0; margin-top:-14px; width:26px; height:26px; text-align:center; border:1px solid #439fe5; border-radius:4px;}
.ddp-data-itemtype .ddp-icon-box.ddp-measure {float:left; border:1px solid #5fd7a5;}
.ddp-data-itemtype .ddp-icon-box [class*="ddp-icon-"] {position:relative; top:8px;}
.ddp-data-itemtype .ddp-icon-box .ddp-icon-dimension-point,
.ddp-data-itemtype .ddp-icon-box .ddp-icon-measure-point,
.ddp-data-itemtype .ddp-icon-box .ddp-icon-dimension-line,
.ddp-data-itemtype .ddp-icon-box .ddp-icon-measure-line{margin:-6px 0 0 -5px;}
.ddp-data-itemtype .ddp-icon-box .ddp-icon-dimension-polygon,
.ddp-data-itemtype .ddp-icon-box .ddp-icon-measure-polygon {margin:-7px 0 0 -7px;}
.ddp-data-itemtype .ddp-icon-box .ddp-icon-use3 {display:inline-block; position:absolute; bottom:-4px; right:-5px; top:initial; width:11px; height:11px; background:url(../../images/icon_use.png) no-repeat; background-color:#f7f7f8;}
.ddp-area-boardside .ddp-ui-down-title2 .ddp-icon-use3 {background-color:#e7e7ea;}
.ddp-data-itemtype .ddp-txt-itemtype {display:table-cell; width:100%; height:100%; vertical-align:middle;font-size:13px; color:#4b515b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ddp-data-itemtype .ddp-txt-itemtype .ddp-data-name {display:block; font-size:13px; color:#4b515b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ddp-data-itemtype .ddp-txt-itemtype .ddp-data-sub {display:block; max-height:29px; font-size:11px; color:#b7b9c2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
}

.ddp-data-itemtype .ddp-txt-itemtype .ddp-txt-chartname {display:block; width:100%; color:#b7b9c2; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-data-itemtype .ddp-txt-itemtype.ddp-error {position:relative; padding-right:20px;}
.ddp-data-itemtype .ddp-txt-itemtype.ddp-error .ddp-icon-error2 {position:absolute; top:50%; right:4px; margin-top:-7px;}
.ddp-wrap-filtertime {padding-bottom:20px;}
.ddp-wrap-filtertime:last-of-type {padding-bottom:0;}
.ddp-wrap-filtertime dl.ddp-dl-time dt {float:left; width:60px; color:#90969f; font-size:13px; line-height:24px;}
.ddp-wrap-filtertime dl.ddp-dl-time dd {display:block; font-size:13px; color:#b7b9c2; line-height:24px;overflow:hidden;}
.ddp-wrap-filtertime dl.ddp-dl-time dd.ddp-data-time {color:#4c515a; font-size:13px;}
.ddp-area-boardside .ddp-ui-divide .ddp-data-preview{color:#4c515a; font-size:14px; text-align:center; }
.ddp-area-boardside .ddp-ui-divide .ddp-none-bar {position:relative; padding:0 15px; margin:0 -17px 0 -17px; color:#90969f; font-size:12px; font-weight:bold; line-height:24px; background:#efeff1;}
.ddp-area-boardside .ddp-ui-divide .ddp-none-bar.ddp-select-bar {cursor:pointer;}
.ddp-area-boardside .ddp-ui-divide .ddp-none-bar.ddp-select-bar .ddp-wrap-popup2 {left:0; font-weight:normal;}
.ddp-area-boardside .ddp-ui-divide .ddp-none-bar.ddp-select-bar .ddp-icon-view {display:inline-block; position:relative; top:-1px; width:7px; height:4px; margin-left:9px; background:url(../../images/icon_select.png) no-repeat; background-position:-24px top;}

.ddp-wrap-divide .ddp-dropdown-filter + .ddp-dropdown-filter {margin-top:1px;}

.ddp-area-boardside .ddp-ui-divide .ddp-none-bar.ddp-select-bar:hover,
.ddp-dropdown-filter.ddp-selected .ddp-none-bar.ddp-select-bar {background-color:#dfe0e4;}
.ddp-dropdown-filter {position:relative; margin-bottom:-20px;}
.ddp-dropdown-filter.ddp-selected .ddp-select-bar .ddp-icon-view {transform:rotate(180deg);}
.ddp-dropdown-filter .ddp-wrap-popup2 {display:none; width:238px;position:absolute; top:100%; left:-14px; padding:6px 0;}
.ddp-dropdown-filter .ddp-wrap-popup2 .ddp-label-type {padding:10px 12px 3px 12px; color:#b7b9c2; font-size:12px;}
.ddp-dropdown-filter.ddp-selected .ddp-wrap-popup2 {display:block; z-index:20;}
.ddp-dropdown-filter.ddp-selected .ddp-dropdown-data {display:block;}
.ddp-dropdown-filter .ddp-dropdown-data2 .ddp-contents-divide {padding:12px 0;}

.ddp-dropdown-filter .ddp-top-summary {cursor:pointer;}
.ddp-dropdown-filter .ddp-top-summary .ddp-icon-view {display:inline-block; position:relative; top:-1px; width:7px; height:4px; margin-left:9px; background:url(../../images/icon_select.png) no-repeat; background-position:-24px top;}

.ddp-dropdown-filter .ddp-top-summary:hover,
.ddp-dropdown-filter.ddp-selected .ddp-top-summary{background-color:#dfe0e4;}
.ddp-dropdown-filter.ddp-selected .ddp-top-summary .ddp-icon-view {transform:rotate(180deg);}
.ddp-filter1 .ddp-dropdown-filter.ddp-selected .ddp-wrap-popup2 {left:20px; z-index:20;}
.ddp-dropdown-data2 {}
.ddp-dropdown-data {display:none; margin:0 -17px;background-color:#efeff1;}
.ddp-dropdown-data .ddp-list-data { padding:15px 17px; border-top:1px solid #ddd;}
.ddp-dropdown-data .ddp-list-data:first-of-type {border-top:none;}
.ddp-dropdown-data .ddp-list-data .ddp-data-name {color:#4b515b; font-size:13px;}
.ddp-dropdown-data .ddp-list-data .ddp-data-name [class*="ddp-icon-"] {margin-right:9px;}
.ddp-dropdown-data .ddp-list-data .ddp-data-det {padding-top:9px; color:#90969f;}
.ddp-dropdown-data .ddp-list-data .ddp-data-det .ddp-time {color:#b7b9c2;}
.ddp-area-boardside .ddp-toggle {padding-bottom:20px;}
.ddp-area-boardside .ddp-list-buttons {width:100%;}
.ddp-area-boardside .ddp-list-buttons.ddp-tab3 li {width:33.33333%; min-width:auto; white-space:nowrap;}
.ddp-area-boardside .ddp-ui-toggle-contents .ddp-txt-preview {display:block; color:#4c515a; font-size:14px; text-align:center;}
.ddp-area-boardside .ddp-filter-area .ddp-filter-type,
.ddp-area-boardside .ddp-filter-area .ddp-filter-type:first-of-type{padding:10px 0 0 0;}
.ddp-area-boardside .ddp-filter-area {position:relative; top:0; padding:0; border-top:none; overflow:inherit;}
.ddp-area-boardside .ddp-filter-area .ddp-list-buttons {background-color:#efeff1;}
.ddp-area-boardside .ddp-filter-area .ddp-filter-type .ddp-btn-time {background-color:#efeff1;}
.ddp-area-boardside .ddp-filter-area .ddp-form-multy .ddp-box-multy.ddp-form-time .ddp-input-typebasic {width:45%;}
.ddp-area-boardside .ddp-filter-area .ddp-form-multy .ddp-box-multy.ddp-form-time .ddp-type-selectbox {width:55%;}

.ddp-filter-area .ddp-form-multy .ddp-box-multy.ddp-form-time .ddp-type-selectbox.ddp-selected {z-index:inherit;}
.ddp-area-boardside .ddp-dateinfo-view {position:relative; padding:0; overflow:inherit;}
.ddp-area-boardside .ddp-filter-calen-in {padding-bottom:20px;}
.ddp-area-boardside .ddp-filter-dateinfo .ddp-ui-dateinfo {width:100%;}
.ddp-area-boardside .ddp-filter-dateinfo .ddp-ui-dateinfo .ddp-box-rome {width:100%;}
.ddp-area-boardside .ddp-filter-dateinfo .ddp-ui-dateinfo:last-of-type {padding-top:6px; text-align:left;}
.ddp-area-boardside .ddp-filter-dateinfo .ddp-ui-dateinfo .ddp-dateinfo-in {width:100%; box-sizing:border-box;}

.ddp-area-boardside .ddp-ui-dateinfo .ddp-box-dateinfo .ddp-box-date {padding-left:10px;}
.ddp-area-boardside .ddp-ui-dateinfo .ddp-dateinfo-in .rd-container {width:initial; margin-left:-34px; text-align:center;}
.ddp-area-boardside .ddp-dateinfo-view .ddp-btn-line-s {position:absolute; bottom:0; right:0;}

.ddp-area-boardside .ddp-form-multy span.ddp-txt-label.ddp-color {color:#4b515b;}
.ddp-area-boardside .ddp-form-multy.ddp-full .ddp-box-multy.ddp-form-time .ddp-input-typebasic {width:45%}
.ddp-area-boardside .ddp-form-multy.ddp-full  .ddp-box-multy.ddp-form-time .ddp-type-selectbox {width:55%}

/**********************************************************************************
	page : 대시보드 파라미터
**********************************************************************************/
.ddp-data-itemtype em.dpd-icon-box-parameter {display:inline-block; position:absolute; top:50%; left:0; margin-top:-14px; width:28px; height:28px; background:url(../../images/img_parmeter.png) no-repeat;}
.ddp-data-itemtype .ddp-txt-itemtype.ddp-type {position:relative; line-height:16px; white-space:normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;}
/**************************************************************
  popup : 02_워크북_02대시보드_05데이터보기(데이터그리드,컬럼)_popup
**************************************************************/
.popup-dashboard-dataview .ddp-type-option .ddp-box-btn2 {color:#4b515b;}
.popup-dashboard-dataview .ddp-wrap-grid-option.ddp-top-option .ddp-fleft{padding:9px 14px 9px 14px;}
.popup-dashboard-dataview .ddp-wrap-grid-option.ddp-setting {background:none;}
.popup-dashboard-dataview .ddp-type-preview .ddp-ui-tab-contents .ddp-ui-grid2 {top:50px;}
.popup-dashboard-dataview .ddp-type-preview .ddp-ui-tab-contents .ddp-ui-grid2.ddp-info {top:80px;}
.popup-dashboard-dataview .ddp-type-preview .ddp-ui-tab-contents .ddp-ui-grid2.ddp-type {top:100px;}
.popup-dashboard-dataview .ddp-type-preview .ddp-ui-tab-contents .ddp-ui-grid2.ddp-type.ddp-info {top:131px;}
.ddp-pop-datadetail .ddp-wrap-grid-option.ddp-setting .ddp-fleft {padding:9px 14px 9px 14px;}

/**************************************************************
  popup : 02_워크북_02대시보드_01추가_03조인옵션_popup
**************************************************************/
.popup-dashboard-join {}
.popup-dashboard-join .ddp-wrap-board-join {height:100%;  padding-top:110px; padding-bottom:20px; margin-top:-120px; box-sizing:border-box;;}
.popup-dashboard-join .ddp-ui-board-join {height:100%;min-height:600px;}
.popup-dashboard-join .ddp-ui-board-join .ddp-board-box-contents {height:50%; padding:0 50px;}
.popup-dashboard-join .ddp-ui-board-join .ddp-board-box-contents .ddp-box-pop-contents {position:relative; top:0;left:0;right:0;bottom:0;height:100%;}
.popup-dashboard-join .ddp-ui-board-join .ddp-board-join-type {height:50%; box-sizing:border-box;}
.popup-dashboard-join .ddp-ui-board-join .ddp-board-join-type .ddp-ui-join-type {position:relative; top:0; left:0; right:0;bottom:0; height:40%;}
.popup-dashboard-join .ddp-ui-board-join .ddp-board-join-type .ddp-box-resultpreview {position:relative; top:0; left:0; right:0;bottom:0; height:60%; padding:0 50px;min-height:auto;}

.popup-dashboard-join .ddp-ui-board-join .ddp-box-resultpreview .ddp-wrap-gird-form {position:relative; margin-top:-54px; padding:54px 0 0 0; height:100%; box-sizing:border-box;}
.popup-dashboard-join .ddp-ui-board-join .ddp-box-resultpreview .ddp-wrap-gird-form .ddp-ui-grid-form {position:relative; left:0; right:0; bottom:0; top:0; height:100%; box-sizing:border-box;}

.popup-dashboard-join .ddp-ui-board-join.ddp-default .ddp-board-box-contents {height:100%;}
.popup-dashboard-join .ddp-ui-board-join.ddp-default .ddp-ui-joinkeys {display:none;}
.popup-dashboard-join .ddp-ui-board-join.ddp-default .ddp-board-join-type {display:none;}
.popup-dashboard-join .ddp-ui-board-join.ddp-default .ddp-ui-part .ddp-ui-grid-form {bottom:20px;}
.popup-dashboard-join .ddp-ui-popup-join .ddp-ui-part .ddp-ui-set ul.ddp-list-tab-button li .ddp-ui-tooltip-info {right:0; left:inherit;}

.popup-dashboard-join .ddp-ui-popup-join .ddp-ui-part .ddp-ui-set ul.ddp-list-tab-button li .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:11px;}
/**********************************************************************************
        page: 필터 new add filter
**********************************************************************************/

.ddp-pop-filter {position:absolute; top:85px; left:50%; bottom:85px; margin:0 0 0 -300px; width:600px; background-color:#fff; z-index:127;
  -moz-box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
  box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
}
.ddp-pop-filter .ddp-txt-title-name {padding:17px 25px; color:#4b515b; font-size:16px;}
.ddp-pop-filter .ddp-txt-title-name .ddp-icon-filter {display:inline-block; width:15px; height:13px; margin-right:5px; background:url(../../images/icon_title.png) no-repeat; vertical-align:middle;}
.ddp-pop-filter .ddp-txt-title-name .ddp-wrap-source-name {float:right; margin-top:-5px;}
.ddp-pop-filter .ddp-txt-title-name .ddp-wrap-source-name .ddp-box-layout4.ddp-datasearch .ddp-form-search {width:200px;}
.ddp-pop-filter .ddp-wrap-tab {z-index:1;}
.ddp-pop-filter .ddp-ui-popup-contents {margin-top:-54px; padding:54px 0 0 0;}
.ddp-pop-filter .ddp-wrap-tab-contents {height:100%;}
.ddp-pop-filter .ddp-ui-tab-contents {position:relative;margin-top:-60px; padding:60px 28px 0 28px; height:100%; box-sizing:border-box;}
.ddp-pop-filter .ddp-filter0 {position:absolute; top:67px; left:0; right:0; bottom:63px; padding:0 28px;}
.ddp-pop-filter .ddp-filter0 .ddp-list-filter {position:absolute; top:0; left:0; right:0; bottom:0; overflow:auto;}
.ddp-pop-filter .ddp-ui-buttons {position:absolute; bottom:0; left:0; right:0; padding:12px 0; text-align:center; border-top:1px solid #e7e7ea;}
.ddp-pop-filter .ddp-ui-buttons [class*="ddp-btn-type"] {margin:0 2px;}

.ddp-pop-filter .ddp-top-filter {position:relative; float:left; width:100%; height:60px; z-index:1;}
.ddp-pop-filter .ddp-top-filter .ddp-ui-tooltip-info {position:absolute; top:100%; left:90px;}
.ddp-pop-filter .ddp-top-filter .ddp-ui-tooltip-info em.ddp-icon-view-top {left:30px; margin-left:0;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-btn-back {position:relative; float:left; display:inline-block; width:50px; height:60px;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-btn-back:before {display:inline-block; position:absolute; top:50%; left:20px; margin-top:-8px; width:17px; height:16px; background:url(../../images/btn_back.png) no-repeat; vertical-align:middle; content:'';}
.ddp-pop-filter .ddp-top-filter {border-bottom:1px solid #d7d8dd}
.ddp-pop-filter .ddp-top-filter .ddp-ui-tags {float:right; padding:19px 10px 0 0;}
.ddp-pop-filter .ddp-top-filter .ddp-ui-tags .ddp-tag-icon {float:left;}
.ddp-pop-filter .ddp-top-filter .ddp-ui-tags .ddp-tag-icon [class*="ddp-icon-"]{float:left; margin-right:10px;}
.ddp-pop-filter .ddp-top-filter .ddp-ui-tags .ddp-tag-icon .ddp-icon-recommend {position:Relative; top:2px;}
.ddp-pop-filter .ddp-top-filter .ddp-ui-tags .ddp-tag-icon .ddp-icon-global-s {position:Relative; top:3px;}

.ddp-pop-filter .ddp-top-filter .ddp-title {display:block; overflow:hidden;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-txt-name {display:block; padding:15px 8px 0 8px;color:#545c66; font-size:16px; overflow:hidden;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-txt-name.ddp-type {padding-top:10px;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-icons {float:left;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-txt-name .ddp-txt-data {display:block; color:#545c66; font-size:16px; font-weight:bold;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-txt-name .ddp-txt-sub {display:block; color:#90969f; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer;}

.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-icon-box {display:inline-block; position:relative; top:16px;  height:28px;  width:28px; border-radius:1px; border:1px solid #439fe5; font-size:0; text-align:center; box-sizing:border-box; vertical-align:middle;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-icon-box.ddp-measure {border:1px solid #5fd7a5;}
.ddp-pop-filter .ddp-top-filter .ddp-title [class*="ddp-icon-measure"],
.ddp-pop-filter .ddp-top-filter .ddp-title [class*="ddp-icon-dimension"] {position:relative; top:8px;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-icon-dimension-int,
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-icon-dimension-float,
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-icon-measure-int,
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-icon-measure-float {top:9px;}
.ddp-pop-filter .ddp-top-filter .ddp-title .ddp-ui-tags {float:right; margin-top:14px; right:24px;}

.ddp-pop-filter .ddp-top-filter .ddp-ui-label {overflow:hidden;}

.ddp-add-filter {position:absolute; top:50px; left:0; right:0; bottom:0; overflow:auto; }
.ddp-add-filter .ddp-data-filter {position:relative; padding:7px 50px 7px 25px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-add-filter .ddp-data-filter:hover,
.ddp-add-filter li.ddp-selected .ddp-data-filter{background-color:#f6f6f7;}

.ddp-add-filter .ddp-sub-filter ul.ddp-list-subfilter li .ddp-txt-filter,
.ddp-add-filter .ddp-data-filter .ddp-txt-filter {display:block; padding-left:22px; max-width:100%; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; box-sizing:border-box;}
.ddp-add-filter .ddp-data-filter .ddp-txt-filter .ddp-sub-name {position:relative; top:-2px; margin-left:4px;font-weight:300; color:#4b515b; font-size:14px; vertical-align:top;}

.ddp-add-filter .ddp-sub-filter ul.ddp-list-subfilter li .ddp-txt-filter {padding-left:0;}
.ddp-add-filter .ddp-sub-filter ul.ddp-list-subfilter li .ddp-txt-filter .ddp-data-date {margin-left:5px; color:#b7b9c2; font-size:13px; }
.ddp-add-filter .ddp-data-filter em[class*="ddp-icon-dimension-"],
.ddp-add-filter .ddp-data-filter em[class*="ddp-icon-measure-"] {position:absolute; left:0; top:2px;}
.ddp-list-filter li.ddp-selected .ddp-sub-filter {display:block;}
.ddp-add-filter .ddp-sub-filter {display:none;}
.ddp-add-filter .ddp-sub-filter span.ddp-label-filter {display:block; padding:7px 50px 8px 50px; font-size:12px; color:#b7b9c2; font-weight:bold;}
.ddp-add-filter .ddp-sub-filter ul.ddp-list-subfilter li {position:relative; padding:6px 50px 6px 60px; color:#4b525b; font-size:14px; cursor:pointer;}
.ddp-add-filter .ddp-sub-filter ul.ddp-list-subfilter li:hover {background-color:#f6f6f7;}
.ddp-add-filter .ddp-sub-filter ul.ddp-list-subfilter li.ddp-selected {background-color:#f6f6f7;}
.ddp-add-filter ul.ddp-list-filter li .ddp-ui-icons {float:right; height:16px; margin-right:-25px;}
.ddp-add-filter ul.ddp-list-filter li .ddp-ui-icons [class*="ddp-icon-"] {margin-left:5px;}
.ddp-add-filter ul.ddp-list-filter li .ddp-ui-icons .ddp-wrap-datarecommend,
.ddp-add-filter ul.ddp-list-filter li .ddp-ui-icons .ddp-icon-recommend,
.ddp-add-filter ul.ddp-list-filter li .ddp-ui-icons .ddp-btn-edit,
.ddp-add-filter ul.ddp-list-filter li .ddp-ui-icons .ddp-btn-add {position:relative; top:0; margin-left:8px; vertical-align:middle;}
.ddp-add-filter ul.ddp-list-filter li .ddp-ui-icons .ddp-link-filter {color:#90969f; font-weight:300; text-decoration:underline; font-style:italic; font-size:11px;}
.ddp-add-filter ul.ddp-list-filter li .ddp-btn-add {display:inline-block;  width:13px; height:13px; background:url(../../images/icon_add.png)no-repeat; background-position:-56px -22px;}
.ddp-add-filter ul.ddp-list-filter li .ddp-btn-add:hover {background-position-x:-70px;}
.ddp-add-filter ul.ddp-list-filter li .ddp-btn-edit {display:inline-block; width:12px; height:12px; background:url(../../images/icon_control.png) no-repeat; background-position:-26px -97px;}
.ddp-add-filter ul.ddp-list-filter li .ddp-btn-edit:hover {background-position-x:-52px;}

.ddp-filter1 {position:relative; height:100%; padding:60px 0 0 0; box-sizing:border-box;}
.ddp-filter1 .ddp-dropdown-filter {margin-bottom:0;}
.ddp-filter1 .ddp-wrap-setting {padding:8px 25px; width:100%;background-color:#f6f6f7; overflow:hidden; box-sizing:border-box;}
.ddp-filter1 .ddp-wrap-setting .ddp-wrap-edit .ddp-label-type {padding-right:15px; letter-spacing:-1px;}
.ddp-filter1 .ddp-wrap-setting .ddp-wrap-edit .ddp-ui-edit-option .ddp-type-selectbox {width:148px; background-color:#fff;}
.ddp-filter1 .ddp-box-item-search {top:166px; bottom:67px;}
.ddp-filter1 .ddp-box-item-search .ddp-list-checktype {top:0; bottom:91px;}
.ddp-filter1 .ddp-box-item-search .ddp-list-checktype.ddp-hover {padding:0;}
.ddp-filter1 .ddp-box-item-search .ddp-list-checktype.ddp-hover li {padding:6px 64px 6px 24px; cursor:pointer;}
.ddp-filter1 .ddp-box-item-search .ddp-list-checktype.ddp-hover li:hover {background-color:#f6f6f7;}
.ddp-filter1 .ddp-box-item-search .ddp-list-checktype.ddp-hover li [class*="ddp-icon-eyes2"] {right:31px;}
.ddp-filter1 .ddp-box-item-search .ddp-list-checktype.ddp-hover li em.ddp-icon-sclose2 {right:10px;}
.ddp-filter1 .ddp-box-item-search .ddp-box-search {left:0; border-top:1px solid #e7e7ea; }
.ddp-filter1 .ddp-toggle {padding:18px 0 20px 0;text-align:center;}
.ddp-filter1 .ddp-toggle .ddp-list-buttons.ddp-type2 li {padding:10px 0; height:34px;}
.ddp-filter1 .ddp-toggle .ddp-wrap-edit.type-option {padding:0 24px;}
.ddp-filter1 .ddp-toggle .ddp-wrap-edit.type-option .ddp-label-type {line-height:34px;}
.ddp-filter1 .ddp-option {position:relative; margin: 0 24px;padding-bottom:10px; border-bottom:1px solid #ccc;}
.ddp-filter1 .ddp-option .ddp-data-num {color:#90969f; font-weight:300;}
.ddp-filter1 .ddp-option .ddp-option-btn {position:absolute; bottom:3px; right:0;}
.ddp-filter1 .ddp-top-summary {padding:4px 25px; border-top:1px solid #e7e7ea; background-color:#f6f6f7;}
.ddp-filter1 .ddp-wrap-toggle-contents {position:absolute; top:129px; left:0; right:0; bottom:63px;}
.ddp-filter1 timeunit-select + .ddp-toggle + .ddp-wrap-toggle-contents,
.ddp-filter1 .ddp-dropdown-filter + .ddp-toggle + .ddp-wrap-toggle-contents,
.ddp-filter1 .ddp-top-summary + .ddp-toggle + .ddp-wrap-toggle-contents{top:153px;}

.ddp-filter1 .ddp-wrap-toggle-contents .ddp-txt-preview {display:block; padding:10px 0 0 0;color:#4c515a; font-size:14px; text-align:center;}
.ddp-filter1 .ddp-wrap-toggle-contents .ddp-box-item-search {top:38px; bottom:0;}
.ddp-dateinfo-view {position:absolute; top:0; left:0; right:0; bottom:0; padding:0 24px 30px 24px; overflow-y:auto; overflow-x:hidden;}
.ddp-filter1 .ddp-wrap-toggle-contents .ddp-box-item-search.ddp-edit-none .ddp-data-result {bottom:12px;}
.ddp-filter1 .ddp-wrap-toggle-contents .ddp-box-item-search.ddp-edit-none  .ddp-list-checktype {bottom:39px;}
.ddp-filter1 .ddp-select-setting {padding:15px 24px 0 24px;}
.ddp-filter1 .ddp-select-setting .ddp-data-total {float:left; margin-right:8px; color:#4b515b; font-size:12px;}
.ddp-filter1 .ddp-select-setting .ddp-list-select {float:left; margin:0 -10px;}
.ddp-filter1 .ddp-select-setting .ddp-list-select li {float:left;}
.ddp-filter1 .ddp-select-setting .ddp-list-select li a {display:block; position:relative; padding:0 10px; color:#B6B9C2; font-size:12px; text-decoration:underline;}
.ddp-filter1 .ddp-select-setting .ddp-list-select li a:hover {color:#4b515b;}
.ddp-filter1 .ddp-select-setting .ddp-list-select li + li a:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-5px; height:10px; border-left:1px solid #d0d1d8; content:'';}

.ddp-filter1 .ddp-select-setting .ddp-setting {float:right; font-size:13px; color:#b7b9c2;}
.ddp-filter1 .ddp-select-setting .ddp-setting .ddp-label-setting {float:left; }
.ddp-filter1 .ddp-select-setting .ddp-setting .ddp-label-setting .ddp-icon-eye {display:inline-block; position:relative; top:2px; width:16px; height:11px; margin-right:3px; background:url(../../images/icon_eyes.png) no-repeat; background-position:-32px -36px; vertical-align:top;}
.ddp-filter1 .ddp-select-setting .ddp-setting .ddp-setting-check {float:left;}
.ddp-filter1 .ddp-select-setting .ddp-setting .ddp-setting-check a {display:inline-block; position:relative; padding:0 7px; color:#b7b9c2;}
.ddp-filter1 .ddp-select-setting .ddp-setting .ddp-setting-check a:before {display:inline-block; position:absolute; top:50%; right:0; height:10px; margin-top:-5px; border-right:1px solid #e7e7ea; content:'';}
.ddp-filter1 .ddp-select-setting .ddp-setting .ddp-setting-check a:last-of-type {padding-right:0;}
.ddp-filter1 .ddp-select-setting .ddp-setting .ddp-setting-check a:last-of-type:before {display:none;}
.ddp-filter1 .ddp-select-setting .ddp-setting .ddp-setting-check a:hover {color:#4c515a;}

.ddp-filter1.type-filter .ddp-wrap-toggle-contents {top:107px;}
.ddp-filter1.type-filter .ddp-wrap-toggle-contents .ddp-option-in {padding-right:62px;}
.ddp-filter1.type-filter .ddp-wrap-toggle-contents .ddp-filter-form .ddp-box-item-search.ddp-type-filter {top:77px; bottom:0;}
.ddp-filter1.type-filter .ddp-filter-form .ddp-box-item-search .ddp-list-checktype {bottom:82px;}

.ddp-filter-range {padding:27px 25px 0 25px; box-sizing:border-box; overflow:hidden;}
.ddp-filter-range .ddp-label-filter {padding-bottom:28px; color:#4b515b; font-size:13px;}
.ddp-filter-range .ddp-ui-slider-type {padding:0 20px;}
.ddp-range-num {position:relative; z-index:1; overflow:hidden;}
.ddp-range-num .ddp-data-num span.ddp-label {display:block; padding-bottom:4px; color:#90969f; font-size:12px; text-align:left;}
.ddp-range-num .ddp-data-num.ddp-max span.ddp-label {text-align:right;}

.ddp-range-num .ddp-min {float:left;}
.ddp-range-num .ddp-max {float:right; text-align:right;}
.ddp-range-num input {display:inline-block; padding:5px 10px; width:98px; color:#444; font-size:13px; text-align:center; border:1px solid #ddd; box-sizing:border-box;}
.ddp-range-num input.ddp-full {width:100%; text-align:left;}

.ddp-range-num .ddp-input-apply input {width:98px;}
.ddp-slider-bg .irs-line-left,
.ddp-slider-bg .irs-line-mid,
.ddp-slider-bg .irs-line-right {height:9px; background-color:#e7e7ea; border-radius:9px;}
.ddp-slider-bg .irs-bar {height:9px; background-color:#c1cef1; }
.ddp-slider-bg .irs-line {height:9px;}
.ddp-slider-bg .irs-slider {background-color:#666eb2; cursor:pointer;}
.ddp-slider-bg .irs-slider.from,
.ddp-slider-bg .irs-slider.to,
.ddp-slider-bg .irs-slider.single {bottom:0;}

.ddp-slider-bg .irs-slider.from:hover,
.ddp-slider-bg .irs-slider.to:hover,
.ddp-slider-bg .irs-slider.single:hover,
.ddp-slider-bg .irs-slider.from.state_hover,
.ddp-slider-bg .irs-slider.to.state_hover,
.ddp-slider-bg .irs-slider.single.state_hover {bottom:-2px;}
.ddp-dateinfo-view .ddp-btn-add {display:block; clear:both; padding:4px 7px; margin:0 -5px; color:#90969f; font-size:13px;}
.ddp-dateinfo-view .ddp-btn-add:hover {background-color:#f6f6f7;}
.ddp-dateinfo-view .ddp-ui-add {position:relative;}
.ddp-dateinfo-view .ddp-ui-add.ddp-disabled:before {position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.5); cursor:no-drop; z-index:1; content:'';}

.ddp-dateinfo-view .ddp-btn-add:before {display:inline-block; position:relative; top:0; width:15px; height:15px; margin-right:5px;  background:url(../../images/icon_add.png) no-repeat; background-position:left -50px; content:''; vertical-align:middle;}
.ddp-filter-calen-in {padding-bottom:30px;}
.ddp-filter-calen-in:before,
.ddp-filter-calen-in:after {display:table;content:'';}
.ddp-filter-calen-in:after {clear:both;}
.ddp-filter-calen-in:first-of-type .ddp-wrap-control .ddp-dateinfo-control:first-of-type {display:block;}
.ddp-filter-calen-in:last-of-type .ddp-wrap-control .ddp-dateinfo-control:last-of-type {display:block;}
.ddp-filter-dateinfo {margin:0 -5px; box-sizing:border-box;}
.ddp-filter-dateinfo:before,
.ddp-filter-dateinfo:after {display:table; content:'';}
.ddp-filter-dateinfo:after {clear:both;}
.ddp-filter-dateinfo .ddp-ui-dateinfo {float:left; width:50%; margin:0; padding:0 5px; box-sizing:border-box;}
.ddp-filter-dateinfo .ddp-ui-dateinfo .ddp-dateinfo-in {position:relative; width:100%; padding-left:35px; display:inline-block; box-sizing:border-box;}
.ddp-dateinfo-view .ddp-wrap-control {clear:both; padding-top:5px; overflow:hidden;}
.ddp-dateinfo-view .ddp-wrap-control .ddp-dateinfo-control {display:none; width:50%; position:relative; float:left; padding-left:35px; box-sizing:Border-box;}
.ddp-dateinfo-view .ddp-wrap-control .ddp-dateinfo-control:last-of-type {float:right;}
.ddp-dateinfo-view .ddp-wrap-control .ddp-icon-control-cut {display:inline-block; position:absolute; top:50%; right:0; margin-top:-6px; width:11px; height:12px; background:url(../../images/icon_control.png) no-repeat; background-position:-26px -14px;}
.ddp-dateinfo-view .ddp-wrap-control .ddp-icon-control-cut:hover {background-position-x:-50px;}

.ddp-filter-dateinfo .ddp-ui-dateinfo:last-of-type {text-align:right;}
.ddp-filter-dateinfo .ddp-ui-dateinfo .ddp-box-dateinfo {display:inline-block; text-align:left; width:100%; box-sizing:border-box;}
.ddp-filter-dateinfo .ddp-ui-dateinfo .ddp-box-dateinfo .ddp-type-selectbox {float:left; width:45%; border:none; border-left:1px solid #d0d1d8; box-sizing:border-box; z-index:inherit;}
.ddp-filter-view {max-width:400px; min-width:300px; box-sizing:border-box;}
.ddp-filter-view.ddp-full {max-width:100%;}
.ddp-filter-view.ddp-full .ddp-wrap-buttons {width:100%;}
.ddp-filter-view.ddp-full .ddp-wrap-buttons.ddp-size ul.ddp-list-buttons li em {display:none;}
.ddp-filter-view .ddp-filter-area {position:relative; top:0; left:0; padding:0; border-top:none; overflow:inherit;}
.ddp-filter-view .ddp-txt-preview {display:block; padding:5px 0; color:#4c515a; font-size:16px; text-align:center;}
.ddp-filter-view .ddp-filter-area .ddp-filter-type {padding-top:10px;}

.ddp-filter-area {position:absolute; top:45px; left:0; right:0; bottom:0; padding:0 25px; border-top:1px solid #e7e7ea; overflow-y:auto;}
.ddp-filter-area .ddp-list-buttons {width:100%;}

.ddp-filter1 .ddp-filter-area .ddp-list-buttons li,
.ddp-filter1 .ddp-filter-area .ddp-filter-type .ddp-btn-time,

.ddp-ui-widget-contents .ddp-filter-area .ddp-list-buttons li,
.ddp-ui-widget-contents .ddp-filter-area .ddp-filter-type .ddp-btn-time {background-color:#f6f6f7;}

.ddp-filter-area .ddp-list-buttons li {width:20%; min-width:30px; border-radius:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; background-color:#efeff1;}
.ddp-filter-area .ddp-list-buttons li.ddp-selected {background:#fff; color:#4b515b; font-size:12px;}
.ddp-filter-area .ddp-list-buttons li.ddp-selected:before {background-position-y:-11px;}
.ddp-filter-area .ddp-list-buttons li.ddp-selected:after {position:absolute; top:0; left:0; right:0; bottom:0; border-radius:2px; border:1px solid #90969f; content:'';}

.ddp-filter-area .ddp-filter-type {padding:49px 0 0 0;}
.ddp-filter-area .ddp-filter-type .ddp-label-name {display:block; padding-bottom:5px; color:#90969f; font-size:13px;}
.ddp-filter-area .ddp-filter-type .ddp-btn-time {display:inline-block; position:relative; padding:2px 3px 2px 10px; margin-top:6px; border-radius:2px; background-color:#f6f6f7; cursor:pointer;}
.ddp-filter-area .ddp-filter-type .ddp-btn-time .ddp-form-multy {margin-top:0;}
.ddp-filter-area .ddp-filter-type .ddp-btn-time .ddp-form-multy span.ddp-txt-label {color:#4c515a; font-size:12px;}
.ddp-filter-area .ddp-filter-type .ddp-btn-time.ddp-selected {background-color:#fff;}
.ddp-filter-area .ddp-filter-type .ddp-btn-time.ddp-selected .ddp-form-multy  span.ddp-txt-label:before  {display:inline-block; position:relative; margin-right:7px; width:14px; height:10px; background:url(../../images/icon_select2.png) no-repeat; background-position-y:-11px; vertical-align: middle; content:'';}
.ddp-filter-area .ddp-filter-type .ddp-btn-time.ddp-selected:before {position:absolute; top:0; left:0; right:0; bottom:0; border-radius:2px; border:1px solid #90969f; content:'';}
.ddp-filter-area .ddp-filter-type .ddp-btn-time .ddp-form-multy .ddp-box-multy {top:0;}

.ddp-filter-form .ddp-option-type {padding:0 25px 0 25px;}
.ddp-filter-form .ddp-option-type .ddp-option-in {position:Relative; padding:9px 92px 6px 0; border-bottom:1px solid #e7e7ea;}
.ddp-filter-form .ddp-option-type .ddp-option-btn {position:absolute; top:10px; right:0;}
/*.ddp-filter-form .ddp-option-type .ddp-option-search {overflow:Hidden;}*/
.ddp-filter-form .ddp-option-type .ddp-search-value {background:none;}
.ddp-filter-form .ddp-option-type .ddp-search-value .ddp-data-value {background:#fff;}
.ddp-filter-form .ddp-option-type .ddp-option-in .ddp-search-value .ddp-data-value .icon-search {display:inline-block; position:absolute; top:50%; left:0; margin-top:-8px;width:14px; height:15px; background:url(../../images/icon_search.png) no-repeat; background-position:left -12px;}

.ddp-filter-form .ddp-option-type .ddp-search-value .ddp-data-value .icon-warning {position:absolute; top:2px; right:0; margin:0; width:25px; height:25px; border-radius:2px; border:1px solid #cdd8f4; background:none; background-color:#f0f3fc; box-sizing:border-box; }
.ddp-filter-form .ddp-option-type .ddp-search-value .ddp-data-value .icon-warning:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-8px 0 0 -7px; width:15px; height:14px; background:url(../../images/icon_info3.png) no-repeat; background-position:left -12px; content:'';}
.ddp-filter-form .ddp-option {padding:25px 0 10px 0;}

.ddp-filter-form .ddp-option.ddp-type .ddp-search-value .ddp-data-value {background:none;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search {top:135px;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search.ddp-type-filter {top:154px; bottom:63px;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-list-checktype {margin-top:7px; bottom:35px;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result {bottom:12px;}
.ddp-option-btn .ddp-btn-box {display:inline-block; position:relative; width:27px; height:27px; margin-left:4px; border-radius:2px;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2.type-result {bottom:48px; padding:6px 0;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 {position:absolute; bottom:0; left:25px; right:25px; padding:8px 0 9px 0; border-top:1px dotted #ccc;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-data-values {color:#90969f; vertical-align:middle;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-ui-page {position:relative; top:-1px; right:0;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-label-check-value {position:relative; top:3px; margin-right:3px;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-label-check-value.type-check {display:inline-block; margin-right:3px; vertical-align:middle;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-label-check-value.type-check .ddp-value-num { margin-left:4px;vertical-align:top;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-label-check-value.type-check .ddp-value { margin-left:4px;font-size:12px; color:#90969f; vertical-align:top;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-label-check-value.type-check input[type="checkbox"]:checked + i + .ddp-value-num {display:none;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-label-check-value.type-check input[type="checkbox"] + i + .ddp-value-num + .ddp-value {display:none;}
.ddp-filter1 .ddp-filter-form .ddp-box-item-search .ddp-data-result2 .ddp-label-check-value.type-check input[type="checkbox"]:checked + i + .ddp-value-num + .ddp-value {display:inline-block;}

.ddp-option-btn .ddp-wrap-edit-set.ddp-selected .ddp-btn-box,
.ddp-option-btn .ddp-btn-box:hover {background-color:#e7e7ea;}
.ddp-option-btn .ddp-ui-search {position:relative; float:left; cursor:pointer;}
.ddp-option-btn .ddp-ui-search .ddp-icon-search-default:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; width:14px; height:14px; background:url(../../images/icon_search.png) no-repeat; background-position:left -12px; content:'';}
.ddp-option-btn .ddp-ui-search:hover .ddp-icon-search-default:before {background-position-x:-15px;}
.ddp-option-btn .ddp-ui-search .ddp-form-search {display:none;}
.ddp-option-btn .ddp-ui-search.ddp-selected .ddp-form-search {display:block;}
.ddp-option-btn .ddp-ui-search.ddp-selected .ddp-icon-search-default {display:none;}
.ddp-option-btn .ddp-box-btn2 {position:relative; float:left; margin-left:4px; cursor:pointer;}
.ddp-option-btn .ddp-box-btn2 .ddp-icon-widget-info2 {float:left; position:relative; top:1px; width:25px; height:25px; font-size:0; border-radius:2px; box-sizing:border-box; border:1px solid #cdd8f4; background-color:#f0f3fc;}

.ddp-option-btn .ddp-box-btn2 .ddp-icon-widget-info2:before {display:inline-block; position:absolute ;top:50%; left:50%; margin:-7px 0 0 -8px; width:15px; height:14px; background:url(../../images/icon_widget.png) no-repeat; background-position:-16px -244px; content:'';}
.ddp-option-btn .ddp-box-btn2 .ddp-box-info.ddp-limitation {display:none; position:absolute; top:100%; right:0; padding:6px 10px; width:240px; border-radius:3px; background-color:#7182ba; color:#fff; box-sizing:border-box; z-index:1000;}
.ddp-option-btn .ddp-box-btn2:hover .ddp-box-info.ddp-limitation {display:block;}
.ddp-option-btn .ddp-box-btn2 .ddp-box-info.ddp-limitation .ddp-total {display:block; padding-bottom:4px;}
.ddp-option-btn .ddp-box-btn2 .ddp-box-info.ddp-limitation .ddp-total strong {display:block;}

.ddp-option-btn .ddp-wrap-edit-set {position:relative; float:left;}
.ddp-option-btn .ddp-wrap-edit-set .ddp-ui-tooltip-info {position:absolute; right:-5px; left:inherit; top:100%; margin-top:8px;}
.ddp-option-btn .ddp-wrap-edit-set .ddp-ui-edit-set {display:none; position:absolute; top:100%; right:-7px; width:427px; padding:13px 16px;border:1px solid #e7e7ea; border-radius:2px; background-color:#fff; z-index:15;
  box-shadow:-1px 2px 3px 1px #edeff0;}
.ddp-option-btn .ddp-wrap-edit-set .ddp-ui-edit-set .ddp-pop-buttons {padding:10px 0 0 0;}
.ddp-option-btn .ddp-wrap-edit-set.ddp-selected .ddp-ui-edit-set {display:block; border:1px solid #e7e7ea}

.ddp-option-btn .ddp-wrap-edit-set .ddp-ui-tooltip-info .ddp-icon-view-top {left:inherit; right:17px;}

.ddp-option-btn .ddp-wrap-edit-set .ddp-btn-reset:hover .ddp-ui-tooltip-info {display:block;}
.ddp-option-btn .ddp-wrap-edit-set .ddp-btn-reset .ddp-ui-tooltip-info .ddp-icon-view-top {right:10px;}
.ddp-option-btn .ddp-wrap-edit-set a.ddp-btn-filter:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px;width:15px; height:15px; background:url(../../images/icon_filter.png) no-repeat; background-position:left -11px; content:'';}
.ddp-option-btn .ddp-wrap-edit-set.ddp-selected a.ddp-btn-filter:before,
.ddp-option-btn .ddp-wrap-edit-set a.ddp-btn-filter:hover:before {background-position-x:-16px;}
.ddp-option-btn .ddp-wrap-edit-set a.ddp-btn-filter:hover + .ddp-ui-tooltip-info {display:block;}

.ddp-option-btn .ddp-ui-sort {float:left; margin:0 0 0 4px; padding:0; }
.ddp-option-btn .ddp-ui-sort .ddp-icon-sort {position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px;}
.ddp-option-btn .ddp-ui-sort .ddp-wrap-popup2 {top:27px;}
.ddp-option-btn .ddp-ui-sort.ddp-btn-box.ddp-selected {background-color:#e7e7ea}
.ddp-option-btn .ddp-ui-sort:hover .ddp-ui-tooltip-info{margin-top:8px;}
.ddp-option-btn .ddp-ui-sort:hover .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:12px;}

.ddp-option-btn .ddp-btn-eyes em.ddp-icon-eyes2 {position:absolute; top:50%; left:50%; margin:-6px 0 0 -8px;}
.ddp-option-btn .ddp-btn-eyes.ddp-selected em.ddp-icon-eyes2{background-position-x:-34px}

/**********************************************************************************
            page : 대시보드 필터 essential
**********************************************************************************/
.ddp-ui-eessential {padding:0 64px;}
.ddp-ui-eessential .ddp-data-filter {padding-bottom:10px; font-size:13px; color:#4b515b;}
.ddp-type-setup {border-top:1px solid #d0d1d8;}
.ddp-type-setup .ddp-ui-top {position:relative; padding:15px;  background-color:#f7f7f8;}
.ddp-type-setup .ddp-ui-top .ddp-tag-name {display:block; font-weight:bold; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ddp-type-setup .ddp-ui-top .ddp-tag-name .ddp-icon-box {display:inline-block; height:21px;  width:21px; margin-right:5px; border-radius:1px; border:1px solid #439fe5; text-align:center; box-sizing:border-box; vertical-align:middle;}

.ddp-type-setup .ddp-ui-top .ddp-tag-name .ddp-icon-box.ddp-measure {border:1px solid #5fd7a5;}
.ddp-type-setup .ddp-ui-top .ddp-tag-name [class*="ddp-icon-measure"],
.ddp-type-setup .ddp-ui-top .ddp-tag-name [class*="ddp-icon-dimension"] {position:relative; top:5px;}

.ddp-type-setup .ddp-ui-top .ddp-ui-tags {float:right; }
.ddp-setup-contents {position:relative; padding:17px 0;}
.ddp-setup-contents .ddp-ui-empty {margin:-18px 0; padding:20px 16px; font-size:13px;}
.ddp-setup-contents .ddp-box-item-search {position:relative;}
.ddp-setup-contents .ddp-box-item-search .ddp-list-checktype {position:relative; top:0; padding-bottom:10px;max-height:225px;}
.ddp-setup-contents .ddp-box-item-search .ddp-data-result,
.ddp-setup-contents .ddp-box-item-search .ddp-box-search {position:relative; bottom:0;}
.ddp-setup-contents .ddp-box-item-search .ddp-data-result {margin-bottom:10px;}
.ddp-box-item-search .ddp-search-option .ddp-ui-sort {position:absolute; top:-8px; right:22px; margin-top:0;}
.ddp-setup-contents .ddp-wrap-edit3 .ddp-data-result {padding:5px 0 0 168px; color:#b7b9c2;}
.ddp-setup-contents .ddp-wrap-edit3 label.ddp-label-type,
.ddp-setup-contents .ddp-wrap-edit3 label.ddp-label-subtype{padding-left:15px; width:168px; color:#90969f; font-size:13px;box-sizing:border-box;}
.ddp-setup-contents .ddp-box-item-search .ddp-data-result {padding-left:0;}

.ddp-setup-contents .ddp-filter1 {padding:0;}
.ddp-setup-contents .ddp-filter1 .ddp-toggle {padding:0 0 20px 0;}
.ddp-setup-contents .ddp-filter1 .ddp-wrap-toggle-contents {position:relative; top:0; bottom:inherit;}
.ddp-setup-contents .ddp-filter1 .ddp-wrap-toggle-contents .ddp-box-item-search {top:0;}
.ddp-setup-contents .ddp-box-item-search .ddp-ui-page {position:relative; padding:5px 0 0 0;text-align:right; overflow:hidden;}
.ddp-setup-contents .ddp-box-item-search .ddp-ui-page * {float:inherit; vertical-align:middle;}
.ddp-setup-contents .ddp-filter-area {position:relative; top:0; margin:0 140px;}
.ddp-setup-contents .ddp-dateinfo-view {position:relative; padding:0 140px 30px 140px;}
.ddp-setup-contents .ddp-filter-range {padding:0 140px 110px 140px;}
.ddp-setup-contents .ddp-filter1 .ddp-option .ddp-option-btn {right:11px;}

/***********************************************************************
	PAGE : 대시보드 프리젠테이션
***************************************************************************/
.ddp-wrap-presentation {position:relative; width:100%; height:100%; overflow:hidden;}
.ddp-wrap-presentation .ddp-ui-board-filter .ddp-wrap-right {padding-right:0;}
.ddp-wrap-presentation .ddp-ui-presentation {position:absolute;  top:110px; left:0; right:0; bottom:0;}
.ddp-wrap-presentation .ddp-ui-presentation .ddp-btn-slider {position:absolute; right:0; top:50%; width:54px; height:129px; margin-top:-65px; border-radius:5px 0 0 5px;}
.ddp-wrap-presentation .ddp-ui-presentation .ddp-btn-slider:before {display:none; position:absolute; top:50%; left:50%; margin:-23px 0 0 -12px; content:''; width:25px; height:45px; background:url(../../images/btn_slider.png) no-repeat;}
.ddp-wrap-presentation .ddp-ui-presentation .ddp-btn-slider.ddp-btn-prev {position:absolute; left:0; right:inherit; transform:rotate(180deg);}
.ddp-wrap-presentation .ddp-ui-presentation .ddp-btn-slider:hover {background-color:rgba(75,81,91,0.4);}
.ddp-wrap-presentation .ddp-ui-presentation .ddp-btn-slider:hover:before {display:block;}
.ddp-ui-board-title {position:relative; z-index:150;}
.ddp-ui-board-title span.ddp-data-name {float:left; max-width:40%; padding:13px 20px 14px 20px;; font-size:18px; color:#4b515b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-board-title .ddp-data-name {float:left;}
.ddp-ui-board-title .ddp-ui-setting {position:relative; float:right; margin-right:16px; z-index:1;}
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show {position:relative; display:inline-block; margin-left:25px; cursor: pointer;}
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show span.ddp-lik-set {color:#90969f; font-size:13px; line-height:48px;}
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show span.ddp-lik-set em.ddp-icon-showtime,
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show span.ddp-lik-set em.ddp-icon-fitscreen,
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show span.ddp-lik-set em.ddp-icon-fitheight,
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play em.ddp-icon-play,
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play em.ddp-icon-pause,
.ddp-ui-board-title .ddp-ui-setting .ddp-btn-out {display:inline-block; margin-right:4px; width:15px; height:15px; background:url(../../images/icon_board.png) no-repeat; vertical-align: middle;}
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show span.ddp-lik-set em.ddp-icon-showtime {width:16px; background-position-x:-16px;}
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show span.ddp-lik-set em.ddp-icon-fitscreen {background-position:left -16px;}
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show span.ddp-lik-set em.ddp-icon-fitheight {background-position:-16px -16px;}
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play em.ddp-icon-play {width:8px; height:12px; margin-right:5px; background-position:left -32px;}
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play em.ddp-icon-pause {width:9px; height:11px; margin-right:5px; background-position:left -45px;}
.ddp-ui-board-title .ddp-ui-setting .ddp-btn-out {width:18px; height:19px; margin-left:18px; background-position:left -57px; vertical-align: middle;}
.ddp-ui-board-title .ddp-ui-setting .ddp-btn-out:hover {background-position:-19px -57px;}
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-ui-board-title .ddp-ui-setting .ddp-wrap-show .ddp-wrap-popup2 {display:none; position:absolute; top:100%; right:0; white-space:nowrap;}
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play {display:inline-block; width:94px; margin-left:25px; border-radius:2px; background-color:#e7e7ea; text-align:center; }
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play span.ddp-txt-play {display:block;color:#4b515b; font-size:13px; line-height:30px;}
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play span.ddp-txt-pause {display:none; color:#4b515b; font-size:13px; line-height:30px;}
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play.ddp-toggle span.ddp-txt-play {display:none;}
.ddp-ui-board-title .ddp-ui-setting a.ddp-btn-play.ddp-toggle span.ddp-txt-pause {display:block;}
.ddp-ui-page2 {position:absolute; top:20px; left:0; right:0; display:inline-block; text-align:center;}
.ddp-ui-page2 a.ddp-icon-page {display:inline-block; width:7px; height:7px; margin:0 5px; border-radius:50%; background-color:#d0d1d8;}
.ddp-ui-page2 a.ddp-icon-page.ddp-selected {width:9px; height:9px; background-color:#666eb2;}

/***********************************************************************************************************
	PAGE : 워크북 chat (CONTENTS)
************************************************************************************************************/
.ddp-wrap-tab-chat .ddp-ui-chat {position:absolute; top:100px; left:0; right:0; bottom:111px; border-top:1px solid #f6f6f7; background-color:#fcfcfc; overflow-y:auto;}

.ddp-ui-chat ul.ddp-list-chat li a {display:block; position:relative; padding-bottom:10px; border-bottom:1px solid #f6f6f7; cursor: default;}
.ddp-ui-chat ul.ddp-list-chat li a .ddp-btn-control {display:none; position:absolute; top:16px; right:8px;}
.ddp-ui-chat ul.ddp-list-chat li a .ddp-btn-control .ddp-icon-control {float:left;}
.ddp-ui-chat ul.ddp-list-chat li a:hover .ddp-btn-control {display:block;}
.ddp-ui-chat ul.ddp-list-chat li a .ddp-data-chatuser {display:block; padding:12px 19px 0 19px;}
.ddp-ui-chat ul.ddp-list-chat li a:hover .ddp-data-chatuser {padding-right:60px;}
.ddp-ui-chat ul.ddp-list-chat li a .ddp-data-chatuser img.ddp-data-photo {float:left; margin:0 5px 10px 0; width:30px; height:30px; border-radius:50%;}
.ddp-ui-chat ul.ddp-list-chat li a .ddp-data-chatuser .ddp-data-name {display:block; padding:8px 0 8px 0; font-weight:bold; color:#898d96; font-size:12px; overflow:hidden;}
.ddp-ui-chat ul.ddp-list-chat li a .ddp-data-chatuser .ddp-data-name span.ddp-data-time {padding-left:6px; font-weight:normal;}
.ddp-ui-chat ul.ddp-list-chat li a .ddp-data-chatuser .ddp-data-name em.ddp-icon-new {position:relative; margin-left:5px;}
.ddp-ui-chat ul.ddp-list-chat li a .ddp-data-chatcontent {clear:both; padding:0 20px; color:#4b515b; font-size:13px; line-height:18px;white-space: pre-line;}

.ddp-ui-chat ul.ddp-list-chat li a .ddp-data-chatcontent span.ddp-data-hash {display:inline-block; padding:3px 3px 0 0; margin-right:5px; color:#666eb2; font-size:13px; text-decoration: underline;}
.ddp-ui-chat ul.ddp-list-chat li.ddp-box-edit .ddp-data-chatcontent {display:none;}
.ddp-ui-chat ul.ddp-list-chat li.ddp-box-edit .ddp-data-input {display:block;}
.ddp-ui-chat ul.ddp-list-chat li .ddp-data-input {display:none; padding:0 20px;}
.ddp-ui-chat ul.ddp-list-chat li .ddp-data-input textarea {display:block; width:100%; padding:5px; color:#4b515b; font-size:13px; box-sizing:Border-box; border:1px solid #e7e7ea; background-color:#fff;}

.ddp-ui-chat ul.ddp-list-chat li.ddp-data-me a {background-color:#f6f6f7; cursor: pointer;}

.ddp-ui-writechat {position:absolute; bottom:0; left:0; right:0;}
.ddp-ui-writechat textarea.ddp-textarea-chat {display:block; width:100%; height:111px; padding:8px 10px; color:#4b515b; font-size:14px; border:none; border-top:2px solid #e7e7ea; box-sizing:border-box;}
.ddp-ui-writechat .ddp-wrap-popup2 {position:absolute; bottom:100%; left:0; white-space:nowrap;}

.ddp-ui-writechat .ddp-wrap-popup2 ul.ddp-list-popup li a span.ddp-data-hash {color:#666eb2;}

/***********************************************************************************************************
	PAGE : 워크북 대시보드 편집
************************************************************************************************************/
.ddp-ui-dash-contents .ddp-ui-top-title .ddp-wrap-popup2 {position:fixed; top:95px;}
.ddp-wrap-popup2 .ddp-ui-top-setting {position:relative; padding-right:60px;}
.ddp-wrap-popup2 .ddp-ui-top-setting span.ddp-data-name {display:block; padding:15px 0 5px 16px; color:#b7b9c2; font-size:13px; font-weight:bold;}
.ddp-wrap-popup2 .ddp-ui-top-setting span.ddp-data-name em.ddp-data-name {font-weight:normal;}
.ddp-wrap-popup2 .ddp-ui-top-setting .ddp-btn-control {position:absolute; top:12px; right:16px;}
.ddp-wrap-popup2 .ddp-ui-top-setting .ddp-form-search {position:absolute; top:5px; left:17px; right:17px; width:inherit;}
.ddp-wrap-popup2 .ddp-ui-top-setting .ddp-form-search input {background-color:#fff;}
.ddp-wrap-popup2 ul.ddp-list-imgchart {width:305px; max-height:275px; box-sizing:border-box; overflow-y:auto;}
.ddp-wrap-popup2 ul.ddp-list-imgchart li a {display:table; width:100%; position:relative; box-sizing:border-box;}
.ddp-wrap-popup2 ul.ddp-list-imgchart li a .ddp-wrap-images {display:table-cell; position:relative; width:64px; vertical-align: middle;}
.ddp-wrap-popup2 ul.ddp-list-imgchart li a .ddp-wrap-images img.ddp-img-chart {width:62px; height:40px; border:1px solid #cfd0d1;}
.ddp-wrap-popup2 ul.ddp-list-imgchart li a span.ddp-data-name {display:table-cell; padding-left:11px; color:#4b515b; font-size:13px; vertical-align: middle;}
.ddp-wrap-popup2 ul.ddp-list-imgchart li.ddp-selected a .ddp-wrap-images:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; height:42px; background-color:rgba(86,93,101,0.1);}
.ddp-wrap-popup2 ul.ddp-list-imgchart li.ddp-selected a span.ddp-data-name {color:#666eb2; font-weight:bold;}

.ddp-wrap-editboard {display:table; table-layout:fixed; width:100%; height:100%;box-sizing:border-box; background-color:#e7e7ea; z-index:1; overflow:hidden;}
.ddp-wrap-editboard .ddp-ui-edit-contents {display:table-cell; width:100%; height:100%; vertical-align: top; background:url(../../images/bg_boardedit.png) repeat;}
.ddp-wrap-editboard .ddp-box-boardedit {position:relative; width:100%; height:100%; overflow-y:auto; z-index:1;}
.ddp-wrap-editboard .ddp-box-boardedit .ddp-box-widget:hover {box-shadow:none;}
.ddp-wrap-editboard .ddp-box-boardedit .ddp-dimmed {position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.5); z-index:100;}
.ddp-wrap-editboard .ddp-box-boardedit .ddp-view-boardedit {position:absolute; top:0; left:0; right:0; bottom:0; overflow-y:auto; overflow-x:hidden;}

.ddp-wrap-editboard .ddp-ui-edit-contents:after {display:inline-block; content:''; width:5px; position:absolute; top:0; right:0; bottom:0; background:url(../../images/bg_sideshadow.png) repeat;}
.ddp-wrap-editboard .ddp-ui-boardedit {position:absolute; top:0; left:0; right:0; bottom:0; }
.ddp-wrap-editboard .ddp-ui-boardedit .ddp-box-widget {margin:0; border:none;}

.ddp-wrap-editboard .ddp-box-widget .ddp-top-control .ddp-ui-buttons .ddp-box-btn2:hover {background-color:#d8d9de;}
.ddp-wrap-editboard .ddp-view-widget {top:0;}
.ddp-view-widget .ddp-display-table {display:table; width:100%; height:100%;}
.ddp-view-widget .ddp-display-table .ddp-table-in {display:table-cell; width:100%; height:100%; vertical-align:top; text-align:center;}

.ddp-wrap-editboard .ddp-box-widget .ddp-hover-edit {position:relative; display:none; width:100%; height:100%; background-color:rgba(255,255,255,0.5); z-index:20;}
.ddp-wrap-editboard .ddp-box-widget .ddp-hover-edit-in {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.ddp-wrap-editboard .ddp-box-widget .ddp-hover-edit a.ddp-btn-edit {display:inline-block; width:100px; height:100px; background:url(../../images/img_board_edit.png) no-repeat; z-index:1;}
.ddp-wrap-editboard .ddp-box-widget .ddp-hover-edit a.ddp-btn-edit:hover {background:url(../../images/img_board_edit_h.png) no-repeat;}

.ddp-wrap-editboard .ddp-box-widget:hover .ddp-hover-edit {display:table;}

.ddp-datasorce-selected .ddp-area-boardside {overflow:hidden;}
.ddp-wrap-editboard .ddp-datasorce-selected .ddp-wrap-datasource .ddp-label-datasorce:before {transform:rotate(180deg)}
.ddp-wrap-editboard .ddp-datasorce-selected .ddp-wrap-datasource {top:53px;}
.ddp-wrap-editboard .ddp-datasorce-selected .ddp-wrap-datasource .ddp-ui-drop-contents {display:block; position:absolute; top:50px; left:0; right:0; bottom:0; overflow:auto;}

.ddp-wrap-editboard .ddp-wrap-datasource {position:absolute; height:54px; right:-61px; left:0; bottom:0; background-color:#36393e; z-index:20;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;}

.ddp-wrap-editboard .ddp-wrap-datasource.ddp-selected {height:100%;-webkit-transition: height 0.5s;
  transition: height 0.5s;}
.ddp-wrap-editboard .ddp-wrap-datasource .ddp-wrap-list-source {position:relative; top:0;}
.ddp-wrap-editboard .ddp-wrap-datasource .ddp-wrap-list-source ul.ddp-list-source {position:relative;}
.ddp-wrap-editboard .ddp-wrap-datasource .ddp-label-datasorce {position:relative; padding:15px 20px; color:#4b515b; font-size:16px; border-top:1px solid #d0d1d8; background-color:#e7e7ea; cursor:pointer;}
.ddp-wrap-editboard .ddp-wrap-datasource.ddp-selected .ddp-label-datasorce {color:#e7e7ea; background-color:#626872;}
.ddp-wrap-editboard .ddp-wrap-datasource .ddp-label-datasorce:before {display:inline-block; position:relative; top:0;width:21px; height:22px; margin-right:10px; background:url(../../images/icon_database.png) no-repeat; background-position:-22px -46px; content:''; vertical-align:middle;}
.ddp-wrap-editboard .ddp-wrap-datasource.ddp-selected .ddp-label-datasorce:before {background-position-x:0;}
.ddp-wrap-editboard .ddp-wrap-datasource .ddp-label-datasorce:after {display:inline-block; position:absolute; top:50%; right:21px; margin-top:-3px; width:9px; height:5px;  background:url(../../images/icon_dropdown.png) no-repeat; background-position:0 -6px; content:'';}
.ddp-wrap-editboard .ddp-wrap-datasource.ddp-selected .ddp-label-datasorce:after {background-position:-30px 0;}
.ddp-wrap-editboard .ddp-wrap-datasource.ddp-selected .ddp-ui-drop-contents {position:absolute; top:54px; left:0; right:0; bottom:0; overflow:auto;}
.ddp-wrap-editboard .ddp-wrap-datasource.ddp-selected .ddp-ui-drop-contents::-webkit-scrollbar-track {background:#3f4349 ;}
.ddp-wrap-editboard .ddp-wrap-datasource.ddp-selected .ddp-ui-drop-contents::-webkit-scrollbar-thumb {border:4px solid #3f4349 ; background-color:#6d7179}

.ddp-ui-contents-source {position:absolute; top:42px; left:0; right:0; bottom:0; }
.ddp-ui-contents-source .ddp-ui-top-option {position:relative; padding:0 39px 0 20px;}
.ddp-ui-contents-source .ddp-ui-top-option em.ddp-icon-editadd {position:absolute; top:8px; right:15px;}
.ddp-ui-contents-source .ddp-ui-top-option .ddp-form-search {width:100%;}
.ddp-ui-contents-source .ddp-box-data {padding:1px 8px 1px 25px; position:relative; margin:12px 14px 0 14px; border-radius:3px; background-color:#f1f2f2;}
.ddp-ui-contents-source .ddp-box-data span.ddp-data-use {color:#9c9c9c; font-size:12px;}
.ddp-ui-contents-source .ddp-wrap-list-source .ddp-ui-page {position:absolute; bottom:0; left:0; right:0; padding:10px 15px;}
.ddp-wrap-list-source {position:absolute; top:66px; left:0; right:0; bottom:0; padding-bottom:20px; overflow-y:auto;}
.ddp-wrap-list-source .ddp-ui-page {padding:10px 16px 0 22px; overflow:hidden;}
.ddp-wrap-list-source .ddp-ui-page a.ddp-prev {float:left; color:#90969f; font-size:12px;}
.ddp-wrap-list-source .ddp-ui-page a.ddp-prev em {margin-right:9px;}
.ddp-wrap-list-source .ddp-ui-page a.ddp-prev.ddp-disabled {opacity:0.3; cursor: no-drop;}
.ddp-wrap-list-source .ddp-ui-page a.ddp-next {float:right; color:#90969f; font-size:12px;}
.ddp-wrap-list-source .ddp-ui-page a.ddp-next em {margin-left:9px;}
.ddp-wrap-list-source .ddp-ui-page a.ddp-next.ddp-disabled {opacity:0.3; cursor: no-drop;}
.ddp-ui-dropmenu .ddp-ui-drop-contents .ddp-wrap-list-source ul.ddp-list-source {position:relative;}

.ddp-wrap-list-source ul.ddp-list-source {position:absolute;top:0;left:0;right:0;bottom:35px;}
.ddp-wrap-list-source ul.ddp-list-source li {position:relative;padding: 6px 10px 8px 40px;color:#444;font-size:12px;cursor:pointer;}
.ddp-wrap-list-source ul.ddp-list-source li.ddp-ui-dimension,
.ddp-wrap-list-source ul.ddp-list-source li.ddp-ui-measure {padding-left:64px;}
.ddp-wrap-list-source ul.ddp-list-source li:hover { background-color:#f6f6f7;}
.ddp-wrap-list-source ul.ddp-list-source li span.ddp-data-name {display:block; position:relative; top:0;box-sizing:border-box; overflow:hidden;}
.ddp-wrap-list-source ul.ddp-list-source li span.ddp-data-name .ddp-data-in {display:inline-block;position:relative;vertical-align:top; width:100%;}
.ddp-wrap-list-source ul.ddp-list-source li span.ddp-data-name .ddp-data-in .ddp-sub-name {margin-left:5px;color:#90969f; font-weight:300; font-size:12px;}

.ddp-wrap-list-source ul.ddp-list-source li em.ddp-icon-use {position:absolute; top:50%; left:22px; margin-top:-1px;}
.ddp-wrap-list-source ul.ddp-list-source li em[class*="ddp-icon-dimension-"],
.ddp-wrap-list-source ul.ddp-list-source li em[class*="ddp-icon-measure-"] {position:absolute;top: 8px;left:45px;}
.ddp-wrap-list-source ul.ddp-list-source li em.ddp-icon-dimension-float,
.ddp-wrap-list-source ul.ddp-list-source li em.ddp-icon-measure-float,
.ddp-wrap-list-source ul.ddp-list-source li em.ddp-icon-dimension-int,
.ddp-wrap-list-source ul.ddp-list-source li em.ddp-icon-measure-int{top:10px;}
.ddp-wrap-list-source ul.ddp-list-source li em.ddp-icon-dimension-sharp,
.ddp-wrap-list-source ul.ddp-list-source li em.ddp-icon-measure-sharp {top:10px;}

.ddp-wrap-list-source ul.ddp-list-source li .ddp-txt-data {display:block; position:relative; top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons {float:right;margin-top:-7px;margin-bottom:-7px;}
.ddp-ui-contents-source .ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons em[class*="ddp-icon-"] {padding:8px 4px;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons em[class*="ddp-icon-"] {display:none;padding: 9px 4px;}

.ddp-wrap-list-source ul.ddp-list-source li:hover .ddp-wrap-icons em[class*="ddp-icon-"],
.ddp-wrap-list-source ul.ddp-list-source li.ddp-selected .ddp-wrap-icons  em[class*="ddp-icon-"] {display:block;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons em[class*="ddp-icon-control"] {float:left; margin-left:3px;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons em[class*="ddp-icon-control"].ddp-disabled {opacity:0.3; cursor: no-drop;;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons em[class*="ddp-icon-control"].ddp-disabled:before { background-position:-13px -65px !important;}
.ddp-wrap-list-source ul.ddp-list-source li:hover .ddp-wrap-icons em[class*="ddp-icon-control"] {display:block;}
.ddp-wrap-list-source ul.ddp-list-source li:hover .ddp-wrap-icons em[class*="ddp-icon-control"] .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:17px;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-wrap-user-preview {position:relative; top:1px; float:left;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-parameter {position:relative; top:1px;}

.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-cut-s:before {background-position:-22px -194px;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-cut-s:hover:before {background-position:-33px -194px;}

.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-wrap-user-preview:hover .ddp-ui-tooltip-info {display:block;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-wrap-user-preview .ddp-ui-tooltip-info { display:none; position:absolute;top: 23px;right:-17px;min-width:100px;max-width:200px;left:inherit;text-align:center;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-wrap-user-preview .ddp-ui-tooltip-info em.ddp-icon-view-top {padding: 0; right:23px; left:inherit; top: -6px;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-wrap-user-preview .ddp-ui-tooltip-info span.ddp-txt-tooltip {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box;}

.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-filter {position:relative; top:1px;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-filter.ddp-selected,
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-parameter.ddp-selected,
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-calculus.ddp-selected,
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-dimension.ddp-selected,
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-icon-control-user.ddp-selected {display:block;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-btn-control {position:relative; float:left;}
.ddp-wrap-list-source ul.ddp-list-source li .ddp-wrap-icons .ddp-btn-control.ddp-selected .ddp-ui-layer-box {display:block; position:absolute; top:19px; left:-40px;}

.ddp-wrap-list-source ul.ddp-list-source li span.ddp-txt-data {width:100%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.ddp-wrap-list-source ul.ddp-list-source.ddp-list-dimension li.ddp-ui-measure {display:none;}
.ddp-wrap-list-source ul.ddp-list-source.ddp-list-measure li.ddp-ui-dimension {display:none;}

/***********************************************************************************************************
	PAGE : 워크북 대시보드 편집 (no-data)
************************************************************************************************************/
.ddp-view-widget .ddp-box-data-none {position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px;}
.ddp-box-data-none {position:absolute; top:5px; left:10px; right:10px; bottom:5px; background-color:#fff; border:2px solid #f6f6f7;}
.ddp-ui-dash-contents .ddp-wrap-data-none .ddp-ui-data-none {font-size:14px;}
.ddp-wrap-data-none {display:table; width:100%; height:100%;}

.ddp-ui-data-none em[class*="ddp-chart-"] {position:relative; display:inline-block; width:60px; height:60px; background:url(../../images/img_chartnodata.png) no-repeat;}
.ddp-ui-data-none em.ddp-chart-hierarchy {display:inline-block; width:60px; height:50px; background:url(../../images/img_chart_hierarchy.png) no-repeat; background-position:left top;}
.ddp-ui-data-none em.ddp-chart-bar {}
.ddp-ui-data-none em.ddp-chart-table {background-position:-61px 0;}
.ddp-ui-data-none em.ddp-chart-linegraph {background-position:-122px 0;}
.ddp-ui-data-none em.ddp-chart-scatter {background-position:-183px 0;}
.ddp-ui-data-none em.ddp-chart-heatmap {background-position:-244px 0;}
.ddp-ui-data-none em.ddp-chart-pie {background-position:-305px 0;}
.ddp-ui-data-none em.ddp-chart-map {background-position:-366px 0;}
.ddp-ui-data-none em.ddp-chart-cont {background-position:-427px 0;}
.ddp-ui-data-none em.ddp-chart-kpi {background-position:-488px 0;}
.ddp-ui-data-none em.ddp-chart-boxplot {background-position:-549px 0;}
.ddp-ui-data-none em.ddp-chart-waterfall {background-position:-610px 0;}
.ddp-ui-data-none em.ddp-chart-wordcloud {background-position:-671px 0;}
.ddp-ui-data-none em.ddp-chart-combo {background-position:-732px 0;}
.ddp-ui-data-none em.ddp-chart-treemap {background-position:-793px 0;}
.ddp-ui-data-none em.ddp-chart-radar {background-position:-854px 0;}
.ddp-ui-data-none em.ddp-chart-network {background-position:-915px 0;}
.ddp-ui-data-none em.ddp-chart-sankey {background-position:-976px 0;}
.ddp-ui-data-none em.ddp-chart-filter {background-position:-1037px 0;}
.ddp-ui-data-none em.ddp-chart-parameter {background-position:-1098px 0;}
.ddp-wrap-data-none .ddp-ui-data-none em[class*="ddp-chart-"].ddp-error:before {display:inline-block; width:22px; height:22px; position:absolute; bottom:-7px; right:-7px; content:''; background:url(../../images/icon_chart_error.png) no-repeat;}
.ddp-wrap-data-none .ddp-ui-data-none .ddp-data-name {display:block; padding:15px 0 0; font-size:16px; text-align:center; color:#90969f;}
.ddp-wrap-data-none .ddp-ui-data-none .ddp-txt-det {display:block; padding-top:18px; color:#b7b9c2; font-size:14px; font-weight:300; text-align:center;}
.ddp-wrap-data-none .ddp-ui-data-none .ddp-txt-det em {color:#666eb2;}

.ddp-wrap-data-none .ddp-ui-data-none .ddp-link-error {display:inline-block; margin-top:9px; color:#90969f;}
.ddp-wrap-data-none .ddp-ui-data-none .ddp-link-error:after {display:inline-block; position:relative; top:-2px; width:13px; height:13px; margin-left:4px; background:url(../../images/icon_list_view.png) no-repeat; background-position:left -23px; vertical-align:middle; content:'';}
.ddp-wrap-data-none .ddp-ui-data-none {display:table-cell; width:100%; height:100%; vertical-align: middle; text-align:center; font-size:18px; color:#d0d1db;}

.ddp-ui-data-none em.ddp-img-nodata {display:inline-block; width:213px; height:179px; background:url(../../images/img_nochart.png) no-repeat;}
.ddp-ui-data-none span.ddp-txt-nodata {display:block; padding:30px 0 0 0; text-align:center; color:#d0d1d8; font-size:18px; line-height:26px;}
.ddp-ui-data-none a.ddp-link-board-add {display:inline-block; width:212px; margin-top:15px; box-sizing:border-box;}

.ddp-ui-data-none em.ddp-img-nodata2 {display:inline-block; width:170px; height:190px; background:url(../../images/img_nochart2.png) no-repeat;}

.ddp-div-table {position:relative; display:table; width:100%; height:100%; background:#fff; z-index:10;}
.ddp-div-tablecell {display:table-cell; width:100%; height:100%; vertical-align: middle; text-align:center;}
.ddp-div-tablecell .ddp-txt-condition {display:block; padding-bottom:35px; text-align:center; color:#d0d1d8; font-size:28px;}
.ddp-div-tablecell .ddp-txt-condition.ddp-missing {color:#eb5f58;}
.ddp-div-tablecell .ddp-detail {display:block; padding-bottom:25px; color:#b7b9c2; font-size:14px; line-height:18px;}
.ddp-div-tablecell .ddp-btn-line {padding:9px 19px;}

.ddp-view-widget .ddp-ui-error-detail {position:absolute; top:0; left:0; right:0; bottom:0; padding:30px 28px; background-color:#eeeef0; z-index:1; overflow:auto; cursor:default;}
.ddp-view-widget .ddp-ui-error-detail .ddp-btn-close {display:inline-block; position:absolute; top:20px; right:20px; width:16px; height:16px; background:url(../../images/btn_close.png) no-repeat; background-position:left -17px; }
.ddp-view-widget .ddp-ui-error-detail dl + dl {margin-top:20px;}
.ddp-view-widget .ddp-ui-error-detail dl dt {color:#6f737a; font-weight:bold; font-size:13px;}
.ddp-view-widget .ddp-ui-error-detail dl dd {color:#6f737a; font-size:13px; line-height:18px;}

/***********************************************************************************************************
	PAGE : 워크북 대시보드 편집 (SIDE)
    ************************************************************************************************************/
.ddp-wrap-editboard .ddp-ui-boardside-menu { display:table-cell; position:relative; width:60px; height:100%; border-left:2px solid #e5e6e8; background-color:#f7f7f8; vertical-align: top;}

.ddp-ui-boardside-menu a {display:block; position:relative;width:60px; height:52px; text-align:center;}
.ddp-ui-boardside-menu a em[class*="ddp-icon-menu"] {position:absolute; top:50%; left:50%;}
.ddp-ui-boardside-menu a.ddp-selected {background-color:#90969f;}
.ddp-ui-boardside-menu span.ddp-ui-menu-layout {display:block; position:relative; padding-top:11px; margin-top:13px;}
.ddp-ui-boardside-menu span.ddp-ui-menu-layout:before {display:inline-block; content:''; width:28px; position:absolute; top:0; left:50%; margin-left:-14px; border-top:1px solid #e7e7ea;}

.ddp-ui-boardside-menu span.ddp-ui-menu-layout.ddp-bottom {position:absolute; bottom:0; right:0; padding-top:0;}

.ddp-ui-boardside-menu a:hover em.ddp-icon-menu-chart {background-position:-27px top;}
.ddp-ui-boardside-menu a:hover em.ddp-icon-menu-filter {background-position:-19px -21px;}
.ddp-ui-boardside-menu a:hover em.ddp-icon-menu-layout {background-position:-27px -37px;}
.ddp-ui-boardside-menu a:hover em.ddp-icon-menu-datasorce {background-position:-22px -190px;}
.ddp-ui-boardside-menu a:hover em.ddp-icon-menu-parameters {background-position-x:-21px;}
.ddp-ui-boardside-menu a:hover em.ddp-icon-menu-text {background-position:-16px -213px;}
.ddp-ui-boardside-menu a.ddp-selected em.ddp-icon-menu-chart {background-position:-54px top;}
.ddp-ui-boardside-menu a.ddp-selected em.ddp-icon-menu-filter {background-position:-38px -21px;}
.ddp-ui-boardside-menu a.ddp-selected em.ddp-icon-menu-layout {background-position:-54px -37px;}

.ddp-ui-boardside-menu a.ddp-selected em.ddp-icon-menu-datasorce {background-position:-22px -190px;}
.ddp-ui-boardside-menu a.ddp-selected em.ddp-icon-menu-text {background-position:-32px -213px;}
.ddp-ui-boardside-menu a.ddp-selected em.ddp-icon-menu-parameters {background-position-x:-43px;}

.ddp-wrap-editboard .ddp-ui-boardside-contents {display:table-cell; width:265px; height:100%; box-sizing:border-box; border-left:2px solid rgb(234, 234, 234); background-color:#f7f7f8;}
.ddp-wrap-editboard .ddp-ui-boardside-in {position:relative; width:100%; height:100%;}
.ddp-wrap-editboard .ddp-ui-boardside-in::-webkit-scrollbar-track {background:#f7f7f8;}
.ddp-wrap-editboard .ddp-ui-boardside-in::-webkit-scrollbar-thumb {border:4px solid #f7f7f8;}
.ddp-ui-boardside-contents .ddp-view-boardside {position:relative; width:100%; height:100%; }
.ddp-ui-boardside-contents .ddp-ui-boardside-title {position:relative; padding:16px 15px; font-size:16px; color:#565d65; font-weight:bold; z-index:4; border-bottom:1px solid #e5e6e8;}
.ddp-ui-boardside-contents .ddp-ui-boardside-scroll {position:absolute; top:53px; left:0; right:0; bottom:0;overflow:auto; overflow-x:hidden;}
.ddp-ui-boardside-contents .ddp-ui-boardside-scroll .ddp-wrap-downmenu {padding-right:10px;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-info {position:relative;top:1px; display:inline-block; margin-left:13px; z-index:1;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-info .ddp-btn-info {background-position:left -30px;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-info .ddp-btn-info:hover {background-position:-28px -30px;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-info .ddp-box-layout4 {display:none; position:absolute; top:100%; left:50%; margin-top:8px; margin-left:-80px}

.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-info.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-icon-add {position:absolute; top:50%; right:15px; margin-top:-6px;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-icon-add:hover {background-position:left top;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-icon-add:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title .ddp-icon-add .ddp-ui-tooltip-info {left:inherit; top:100%; right:-10px;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title span.ddp-data-num {margin-left:3px; color:#b7b9c2; font-size:15px;}
.ddp-ui-boardside-contents .ddp-ui-boardside-title span.ddp-data-num em {color:#666eb2;}
.ddp-ui-down-contents .ddp-list-checktype {max-height:200px; overflow:auto;}
.ddp-ui-down-contents .ddp-list-checktype.ddp-overflow-visible {overflow:visible;}
.ddp-ui-down-contents .ddp-list-checktype::-webkit-scrollbar-track {background:#f7f7f8;}
.ddp-ui-down-contents .ddp-list-checktype::-webkit-scrollbar-thumb {border:4px solid #f7f7f8;}
.ddp-ui-down-contents .ddp-list-checktype li {padding:5px 0 5px 0;}
.ddp-ui-down-contents .ddp-list-checktype li:first-of-type {padding-top:0;}
.ddp-ui-down-contents .ddp-list-checktype li span.ddp-txt-radio {font-size:12px;}
.ddp-ui-down-contents .ddp-data-message {padding:10px 0 0 0; font-size:12px; color:#b7b9c2;}

.ddp-list-sideoption {}
.ddp-list-sideoption .ddp-list-sidesub {padding:10px 0;}
.ddp-list-sideoption .ddp-list-sidesub:before,
.ddp-list-sideoption .ddp-list-sidesub:after {display:table; content:'';}
.ddp-list-sideoption .ddp-list-sidesub:after {clear:both;}

/* LAYOUT SETTING */
.ddp-wrap-option-radio {position:relative;}
.ddp-wrap-option-radio .ddp-label-radio {top:6px;}
.ddp-wrap-option-radio .ddp-label-radio span.ddp-txt-radio {font-size:12px;}
.ddp-box-option-input {position:relative; padding-right:20px; border:1px solid #d0d1d9; background-color:#fff;}
.ddp-box-option-input input[type="text"],
.ddp-box-option-input input[type="number"] {display:block; width:100%; padding:6px 5px 7px 5px; border:none; text-align:left; box-sizing:border-box;}
.ddp-box-option-input input[type="text"]:disabled {background:none; color:#bdc0c9;}

.ddp-box-option-input span.ddp-txt-input {position:absolute; top:5px; right:6px; color:#bdc0c9; font-size:12px;}
.ddp-box-option-input span.ddp-txt-input.ddp-dark {color:#4a515c;}
.ddp-box-option-input.ddp-inline {display:inline-block; position:relative; top:-7px; width:90px; margin-left:10px; padding-right:30px; box-sizing:border-box;}
.ddp-box-option-input.ddp-inline.type-row {padding-right:33px;}
.ddp-list-sideoption .ddp-list-sidesub .ddp-txt-label {float:left; color:#4b515b; font-size:13px;}
.ddp-list-sideoption .ddp-list-sidesub .ddp-checkbox-auto {float:right; position:relative; top:0;}
.ddp-box-option-input.ddp-type2 {padding:0;}
.ddp-box-option-input.ddp-type2 .ddp-type-text {display:block; overflow:hidden;}
.ddp-box-option-input.ddp-type2 .ddp-type-text input {font-size:13px;}
.ddp-box-option-input.ddp-type2 .ddp-txt-input {position:relative; top:0; right:0; float:right; padding:5px 6px 5px 0; font-size:12px;}

/* CHART */
.ddp-list-chart {/*position:absolute; top:52px; left:0; right:0; bottom:107px; overflow-y:auto;*/}
.ddp-list-chart li {position:relative; cursor:pointer;}
.ddp-list-chart li a {display:block; position:relative; padding:0 10px 0 0; box-sizing:border-box; cursor: all-scroll;}
.ddp-list-chart li a:hover {background-color:#e7e7ea;}
.ddp-list-chart li .ddp-data-name {display:block; font-size:12px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-list-chart li .ddp-btn-control {display:none; position:absolute; top:6px; right:0;}
.ddp-list-chart li .ddp-btn-control [class*="ddp-icon-"] {float:left;}

ul.ddp-list-chart li a .ddp-btn-control {display:none; position:absolute; top:50%; right:6px; margin-top:-5px;}
ul.ddp-list-chart li a .ddp-btn-control .ddp-icon-edit-s,
ul.ddp-list-chart li a .ddp-btn-control .ddp-icon-del-s {padding:2px; margin-top:-5px;}
ul.ddp-list-chart li a .ddp-btn-control .ddp-icon-del-s {margin-left:3px; position:relative; top:1px;}
ul.ddp-list-chart li a .ddp-btn-control em.ddp-icon-edit-s:before {display:inline-block; width:12px; height:12px; background:url(../../images/icon_control.png) no-repeat; background-position:-26px -97px;}
ul.ddp-list-chart li a .ddp-btn-control em.ddp-icon-edit-s:hover:before {background-position-x:-52px;}
ul.ddp-list-chart li a .ddp-btn-control em.ddp-icon-del-s:before {display:inline-block; width:11px; height:12px; background:url(../../images/icon_control.png) no-repeat; background-position:-26px -14px}
ul.ddp-list-chart li a .ddp-btn-control em.ddp-icon-del-s:hover:before {background-position-x:-62px;}

.ddp-list-chart li a:hover .ddp-btn-control {display:block;}
.ddp-list-chart li .ddp-data-used {display:block; max-height:29px; padding-top:3px; font-size:11px; color:#b7b9c2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
}
.ddp-list-chart li .ddp-chart-images {float:left; position:relative; top:9px; margin-right:12px; padding-left:17px;}
.ddp-list-chart li .ddp-chart-images em.ddp-icon-used {display:inline-block; position:absolute; bottom:-4px; right:-5px; top:initial; width:11px; height:11px; background:url(../../images/icon_use.png) no-repeat; background-color:#f7f7f8;}
.ddp-list-chart li .ddp-chart-images span.ddp-wrap-chartimg {display:block; font-size:0; position:relative;}
.ddp-list-chart li a em.ddp-icon-chart-children {display:none; position:absolute; top:-9px; left:0; bottom:-9px; width:24px; cursor: pointer;}
.ddp-list-chart li a em.ddp-icon-chart-children:hover {display:block;}

.ddp-list-chart li a em.ddp-icon-chart-children:before {display:block; position: absolute; top:50%; left:6px; width:13px; height:13px; margin-top:-7px; background:url(../../images/img_childrenchart.png) no-repeat; content:'';}
.ddp-list-chart li a em.ddp-icon-chart-children:hover:before{background-position:-14px top;}

.ddp-list-chart li a:hover em.ddp-icon-chart-children {display:block;}

.ddp-list-chart li .ddp-chart-images.ddp-selected em.ddp-icon-chart-children:before {display:block; background-position:-14px top;}
.ddp-list-chart li .ddp-chart-images.ddp-selected span.ddp-wrap-chartimg:before {display:block; content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:2px solid #4b515b;}

.ddp-list-chart li .ddp-data-info {display:block; padding:9px 30px 9px 0; overflow:hidden;}
.ddp-list-chart li .ddp-ui-edit-button {position:absolute; bottom:6px; right:7px;}

.ddp-list-chart-2depth li a {padding-left:43px;}
.ddp-list-chart-2depth li:before {display:inline-block; content:''; position:absolute; top:0; left:30px; width:13px; height:23px; background:url(../../images/bg_groupline.png) no-repeat;}
.ddp-list-chart-2depth li .ddp-chart-images {padding-left:0;}

.ddp-list-chart-3depth li a {padding-left:60px;}
.ddp-list-chart-3depth li:before {display:inline-block; content:''; position:absolute; top:0; left:45px; width:13px; height:23px; background:url(../../images/bg_groupline.png) no-repeat;}
.ddp-list-chart-3depth li .ddp-chart-images {padding-left:0;}
.ddp-list-divide-tree {}
.ddp-list-divide-tree li {position:relative;}
.ddp-list-divide-tree li .ddp-list-divide-tree li {position:relative; padding-left:33px;}
.ddp-list-divide-tree li .ddp-list-divide-tree li:before {display:inline-block; content:''; position:absolute; top:0; left:14px; width:13px; height:23px; background:url(../../images/bg_groupline.png) no-repeat; z-index:1;}
.ddp-list-divide-tree li .ddp-list-divide-tree li .ddp-wrap-divide {border-top:none;}

.ddp-chart-boardside .ddp-wrap-downmenu {position:absolute; top:52px; left:0; right:0; bottom:79px; overflow-y:auto; overflow-x:hidden;}

.ddp-chart-boardside .ddp-wrap-downmenu::-webkit-scrollbar-track {background:#f7f7f8;}
.ddp-chart-boardside .ddp-wrap-downmenu::-webkit-scrollbar-thumb {border:4px solid #f7f7f8;}
.ddp-chart-boardside .ddp-link-add {position:absolute; bottom:57px; left:0; right:0;}
.ddp-filter-boardside .ddp-link-add {position:absolute; bottom:0; left:0; right:0;}
.ddp-filter-boardside .ddp-box-down .ddp-wrap-divide,
.ddp-parmeter-boardside .ddp-box-down .ddp-wrap-divide {padding-top:0;}
.ddp-ui-boardside-in .ddp-link-add {padding:18px 0; color:#b7b9c2; text-decoration: underline; text-align:center;}
.ddp-ui-boardside-in .ddp-link-add a {color:#b7b9c2;}
.ddp-ui-boardside-in .ddp-link-add a em.ddp-icon-add-r {position:relative; display:inline-block; width:13px; height:13px; margin-right:4px; border-radius:50%; border:1px solid #bebfc8; vertical-align: middle;}
.ddp-ui-boardside-in .ddp-link-add a em.ddp-icon-add-r:before {display:inline-block; content:''; position:absolute; top:50%; left:50%; width:7px; height:7px; margin:-4px 0 0 -3px; background:url(../../images/btn_minus_plus.png) no-repeat; background-position:-8px -12px; }
.ddp-ui-boardside-in .ddp-link-add a:hover {color:#4b515b;}
.ddp-ui-boardside-in .ddp-link-add a:hover em.ddp-icon-add-r {border:1px solid #4b515b;}
.ddp-ui-boardside-in .ddp-link-add a:hover em.ddp-icon-add-r:before {background-position:left -12px;}
.ddp-wrap-editboard .ddp-ui-boardside-in.ddp-chart-boardside {overflow:inherit;}
.ddp-chart-boardside .ddp-foot-buttons {position:absolute; bottom:0; left:0; right:0; padding:24px 23px 24px 23px; text-align:center;}
.ddp-chart-boardside .ddp-btn-set {display:block; padding:7px 0; width:100%; text-align:center; border:1px solid #90969f; color:#90969f; border-radius:2px; box-sizing:border-box;}
.ddp-chart-boardside .ddp-btn-set:hover {border:1px solid #4b515b; color:#4b515b;}
.ddp-chart-boardside .ddp-btn-set em.ddp-icon-hierarch {display:inline-block; width:12px; height:13px; margin-right:5px; background:url(../../images/icon_buttons.png) no-repeat; background-position:-13px -263px; vertical-align: middle;}
.ddp-chart-boardside .ddp-btn-set:hover em.ddp-icon-hierarch {background-position:left -263px;}

.ddp-chart-boardside .ddp-ui-info {position:absolute; bottom:0; margin:0 15px; padding:10px 0; border-top:1px solid #e5e6e8; color:#b7b9c2; font-size:12px; font-style:italic; line-height:1.5em;}
.ddp-chart-boardside .ddp-ui-info .ddp-box-layout4 {display:none; font-style:normal;}
.ddp-chart-boardside .ddp-ui-info.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-chart-boardside .ddp-ui-info .ddp-icon-sinfo2 {vertical-align: middle; margin-left:6px;}
[class*="ddp-img-chart-"] {display:inline-block; width:28px; height:28px; background:url(../../images/img_chart.png) no-repeat;}
.ddp-box-layout4.ddp-box-guide {position:absolute; bottom:100%; left:0; width:236px;}
.ddp-box-guide .ddp-ui-det {padding:0 13px 15px 13px;}
.ddp-box-guide .ddp-ui-det dt {display:block; padding:18px 0 5px 0;  color:#4b515b; font-size:12px;}
.ddp-box-guide .ddp-ui-det dd {color:#9c9fa9; font-size:12px; line-height:18px;}
.ddp-ui-filter-boardside,
.ddp-area-boardside {position:absolute; top:0; left:0; right:0; bottom:53px; overflow:auto; overflow-x:hidden;}
.ddp-ui-filter-boardside::-webkit-scrollbar-track {background:#f7f7f8;}
.ddp-ui-filter-boardside::-webkit-scrollbar-thumb {border-color:#f7f7f8;}

.ddp-img-chart-bar {}
.ddp-img-chart-table {background-position:-29px top;}
.ddp-img-chart-line {background-position:-58px top;}
.ddp-img-chart-scatter {background-position:-87px top;}
.ddp-img-chart-pie {background-position:-116px top;}
.ddp-img-chart-map {background-position:-145px top;}
.ddp-img-chart-ctrl {background-position:-174px top;}
.ddp-img-chart-waterfall {background-position:-203px top;}
.ddp-img-chart-wordcloud {background-position:-232px top;}
.ddp-img-chart-combo {background-position:-261px top;}
.ddp-img-chart-treemap {background-position:-290px top;}
.ddp-img-chart-boxplot {background-position:-319px top;}
.ddp-img-chart-heat {background-position:-348px top;}
.ddp-img-chart-rander {background-position:-377px top;}
.ddp-img-chart-kpi {background-position:-406px top;}

.ddp-img-chart-network {background-position:-435px top;}
.ddp-img-chart-gauge {background-position:-464px top;}
.ddp-img-chart-sankey {background-position:-493px top;}

/***********************************************************************************************************
	PAGE : 워크북 데이터소스 상세 팝업
************************************************************************************************************/
.ddp-type-option .ddp-box-btn2 {position:relative; float:left; margin:8px 15px 0 20px; z-index:60;}

.ddp-type-option .ddp-box-btn2 .ddp-icon-widget-gridsave {position:relative; top:-1px; margin-right:4px;}
.ddp-type-option .ddp-box-btn2 .ddp-ui-tooltip-info {display:none; top:25px; left:inherit; right:0;}
.ddp-type-option .ddp-box-btn2.ddp-selected .ddp-box-layout4.ddp-download {display:block; position:absolute; top:100%; right:0;}
.ddp-type-option .ddp-box-btn2.ddp-selected .ddp-box-layout4.ddp-download .ddp-wrap-data-detail {padding-top:0; padding-bottom:0;}
.ddp-type-option .ddp-box-btn2:hover .ddp-ui-tooltip-info {display:block;}
.ddp-type-option .ddp-box-btn2 .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:5px;}
.ddp-type-option .ddp-box-btn2 em[class*="ddp-icon-"]:before {position:relative; top:0; left:0; margin:0;}
.ddp-type-option .ddp-box-btn2 .ddp-link-txt {}
.ddp-type-option .ddp-box-btn2 .ddp-link-txt [class*="ddp-icon"] {margin-right:5px;}

.ddp-box-btn2.ddp-selected .ddp-box-layout4.ddp-pop-store {display:block;}
.ddp-box-layout4.ddp-pop-store {position:fixed; z-index:50; top:100%; margin-top:5px; min-width:350px; padding:20px 14px; box-sizing:border-box;}
.ddp-box-layout4.ddp-pop-store .ddp-ui-detail {display:block; padding-bottom:20px; color:#4b515b; font-size:12px; border-bottom:1px solid #e7e7ea;}
.ddp-box-layout4.ddp-pop-store .ddp-ui-detail strong {display:block; padding-bottom:5px; color:#4b515b; font-size:14px;}
.ddp-box-layout4.ddp-pop-store table.ddp-table-detail {margin-top:13px;}
.ddp-box-layout4.ddp-pop-store table.ddp-table-detail tbody tr td {padding-right:0;}
.ddp-box-layout4.ddp-pop-store td ul.ddp-list-type-input li {padding:3px 0;}
.ddp-box-layout4.ddp-pop-store td ul.ddp-list-type-input li:first-of-type {padding-top:0;}
.ddp-box-layout4.ddp-pop-store td ul.ddp-list-type-input li .ddp-input-typebasic {width:75px; box-sizing:border-box;}
.ddp-box-layout4.ddp-pop-store table.ddp-table-detail tbody tr td .ddp-label-radio.ddp-inline {margin-right:0;}
.ddp-box-layout4.ddp-pop-store .ddp-pop-btn {text-align:center;}
.ddp-type-option .ddp-view-option {float:left; margin:9px 0;}

.ddp-type-preview .ddp-ui-tab-contents {position:absolute; top:33px; left:0; right:0; bottom:0; border-top:1px solid #d7d8dd;}
.ddp-type-preview .ddp-ui-tab-contents .ddp-ui-grid2 {position:absolute; top:0; left:0; right:0; bottom:0;}
.ddp-type-preview .ddp-ui-tab-contents .ddp-ui-grid2.ddp-type {top:44px;}
/***********************************************************************************************************
	PAGE : 워크북 데이터 다운로드
************************************************************************************************************/
.ddp-box-layout4.ddp-download {position:fixed; z-index:126; top:100%; margin-top:5px; min-width:355px; padding:20px 0; box-sizing:border-box;}
.ddp-box-layout4.ddp-download .ddp-data-title {padding-top:0; }
.ddp-box-layout4.ddp-download .ddp-data-title .ddp-data {margin-left:6px; color:#4b515b; font-size:12px; font-weight:normal;}
.ddp-box-layout4.ddp-download .ddp-btn-down {float:left; padding:9px 0; width:160px; border-radius:2px; border:1px solid #d0d1d7; color:#90969f; font-size:13px; text-align:center; box-sizing:border-box;}

.ddp-box-layout4.ddp-download .ddp-btn-down:hover {color:#4c515a; border:1px solid #b7b9c1;}
.ddp-box-layout4.ddp-download .ddp-btn-down +  .ddp-btn-down {margin-left:3px;}
.ddp-box-layout4.ddp-download .ddp-btn-down .ddp-icon-csv {display:inline-block; width:22px; height:20px; margin-right:5px; background:url(../../images/img_csv.png) no-repeat;}
.ddp-box-layout4.ddp-download .ddp-btn-down .ddp-icon-xlsx {display:inline-block; width:22px; height:20px;  margin-right:5px; background:url(../../images/img_xlsx.png) no-repeat;}
.ddp-box-layout4.ddp-download .ddp-txt-det {clear:both; padding:20px 0 0 0; color:#90969f; font-size:12px; line-height:18px;}

/***********************************************************************************************************
	PAGE : 워크북 사용자 모델 팝업
************************************************************************************************************/
.ddp-layout-pop-right {position:absolute; top:0; right:0; bottom:0; width:290px; background-color:#f6f6f7; border-left:1px solid #d5d6db; overflow-y:auto;}

.ddp-layout-pop-right .ddp-box-name {display:block; padding-bottom:25px; background-color:#fff;}
.ddp-layout-pop-right .ddp-box-name .ddp-data-name {display:block;  padding:25px 13px 10px 13px; font-size:16px; color:#35393f; font-weight:bold;}
.ddp-layout-pop-right .ddp-box-name .ddp-data-description {padding:0 13px; color:#b7b9c2; font-size:12px;}
.ddp-layout-pop-contents {position:absolute; top:0; left:0; right:291px; bottom:0;}
.ddp-layout-pop-contents.ddp-wrap-snapshot {height:100%; padding-top:33px; box-sizing:border-box;}
.ddp-layout-pop-contents.ddp-wrap-snapshot .ddp-wrap-tab-contents {position:relative; height:100%; border-top:1px solid #ccc; box-sizing:Border-box;}
.ddp-layout-pop-contents.ddp-wrap-snapshot .ddp-error-log {position:absolute; top:0; left:0; right:0; bottom:255px; padding:15px 20px; color:#3e4148; font-size:14px; }
.ddp-layout-pop-contents.ddp-wrap-snapshot .ddp-error-log .ddp-txt-log {position:absolute; top:45px; left:0; right:0; bottom:0; padding:0 20px;overflow:auto;}
.ddp-layout-pop-contents.ddp-wrap-snapshot .ddp-label-title {padding-bottom:14px; color:#3e4148; font-size:14px; font-weight:bold;}
.ddp-box-info .ddp-dl-detail {padding:10px 0;}
.ddp-box-info .ddp-dl-detail dt {float:left; padding:5px 0 5px 14px; width:137px; color:#b7bac1; font-size:13px; box-sizing:border-box;}
.ddp-box-info .ddp-dl-detail dd {display:block; padding:5px 10px 5px 0; color:#4b515b; font-size:13px; line-height:16px; overflow:hidden;}

.ddp-box-info dl.ddp-dl-detail2 {padding-bottom:30px;}
.ddp-box-info dl.ddp-dl-detail2 dt {display:block; padding:30px 10px 10px 10px; color:#4b515b; font-size:13px;}
.ddp-box-info dl.ddp-dl-detail2 dd {padding:0 10px; font-size:13px;}
.ddp-box-info dl.ddp-dl-detail2 dd .ddp-ui-sub {padding:0 10px;margin-top:10px;}
.ddp-box-info dl.ddp-dl-detail2 dd a.ddp-link-data {display:block; color:#4b515b; font-size:13px; font-weight:300;}
.ddp-box-info dl.ddp-dl-detail2 dd a.ddp-link-data:after {display:inline-block; width:13px; height:11px; background:url(../../images/icon_selection.png) no-repeat; background-position:-28px -43px; content:'';}
.ddp-box-info dl.ddp-dl-detail2 dd a.ddp-link-data:hover:after {background-position-x:-42px;}

.ddp-box-info dl.ddp-dl-detail2 dd span.ddp-data-sub {display:block; color:#b7b9c2; font-size:13px; font-weight:300; line-height:20px;}
.ddp-box-info dl.ddp-dl-detail2 dd span.ddp-data-sub + span.ddp-data-sub {margin-top:20px;}
.ddp-box-info dl.ddp-dl-detail2 dd span.ddp-data-sub em.ddp-data-result { display:block; color:#90969f; font-weight:normal;}
.ddp-box-info dl.ddp-dl-detail2 dd .ddp-ui-sub2 + .ddp-ui-sub2{margin-top:20px;}
.ddp-box-info dl.ddp-dl-detail2 dd .ddp-ui-sub2 label.ddp-label-sub {display:block; padding-bottom:5px; color:#b7b9c2; font-size:13px; font-weight:300;}
.ddp-box-info dl.ddp-dl-detail2 dd .ddp-ui-sub2 span.ddp-data-sub2 {display:block; color:#4b515b; font-size:13px;}
/***********************************************************************************************************
	PAGE : 워크스페이스 목록 팝업
************************************************************************************************************/
.ddp-type-popup {position:fixed; left:0; right:0; bottom:0; top:0; background-color:#fff; overflow-y:auto; z-index:126;}
.ddp-type-popup a.ddp-btn-close {position:fixed; top:20px; right:20px; display:inline-block; width:23px; height:23px; background:url(../../images/btn_popclose.png) no-repeat;}

.ddp-wrap-pop-header {padding:100px 10% 0 10%;}
.ddp-wrap-pop-header .ddp-ui-name em.ddp-icon-group2 {display:inline-block; position:relative; top:-2px; width:17px; height:12px; margin-right:9px; background:url(../../images/icon_group.png) no-repeat; background-position:left -15px; vertical-align: middle;}
.ddp-ui-pop-header {position:relative;}
.ddp-ui-pop-header .ddp-ui-name  {font-size:22px; color:#4b515b; font-weight:bold; letter-spacing: -1px;}
.ddp-ui-pop-header .ddp-ui-name span.ddp-data-num {color:#90969f; font-weight:normal;}
.ddp-ui-pop-header .ddp-ui-name a.ddp-btn-add2 {display:inline-block; position:relative; top:-2px; width:18px; height:18px; margin-left:8px; background:url(../../images/icon_add2.png) no-repeat; background-position:left -13px; vertical-align: middle;}
.ddp-ui-pop-header .ddp-ui-name a.ddp-btn-add2:hover {background-position:-19px -13px;}
.ddp-ui-pop-header a.ddp-btn-line2 {position:absolute; top:0; right:0; }
.ddp-ui-pop-header a.ddp-btn-line2 em.ddp-icon-moveto {display:inline-block; position:relative; top:-1px; width:13px; height:11px; margin-right:5px; background:url(../../images/icon_buttons.png) no-repeat; background-position:left -214px; vertical-align: middle;}
.ddp-ui-pop-header a.ddp-btn-line2:hover em.ddp-icon-moveto {background-position:-14px -215px;}

.ddp-ui-pop-option {padding:40px 0 0 0;}
.ddp-ui-pop-option .ddp-form-search {float:left;}
.ddp-ui-pop-option .ddp-wrap-buttons {float:right; margin-top:5px; background-color:#f6f6f7;}

.ddp-ui-btn-list {position:relative; float:left; padding:0 7px;}
.ddp-ui-btn-list:before {display:inline-block; content:''; position:absolute; top:50%; left:0; height:12px; margin-top:-6px;border-left:1px solid #dbdce0;}
.ddp-ui-btn-list .ddp-type-dropdown {float:left; margin:0 12px; padding-top:6px;}
.ddp-ui-btn-list .ddp-type-dropdown .ddp-wrap-popup2 {top:26px;}
.ddp-ui-btn-list:first-of-type:before {display:none;}

a.ddp-btn-list {display:block; padding:6px 12px; font-size:12px; color:#4b515b;}
a.ddp-btn-list:hover {color:#4b515b;}
a.ddp-btn-list.ddp-btn-fav:hover,
a.ddp-btn-list.ddp-btn-fav.ddp-selected {color:#666eb2;}
a.ddp-btn-list em.ddp-icon-btnfav {position:relative; top:-2px;}
a.ddp-btn-list em.ddp-icon-btnworkspace {position:relative; top:-1px;}
a.ddp-btn-list:hover em.ddp-icon-btnfav {background-position:-13px -227px;}
a.ddp-btn-list:hover em.ddp-icon-btnworkspace {background-position:-11px -239px;}
/*a.ddp-btn-list.ddp-selected {color:#4b515b; background-color:#f6f6f7; border-radius:2px;}*/
a.ddp-btn-list.ddp-selected em.ddp-icon-btnfav {background-position:-26px -227px}
a.ddp-btn-list.ddp-selected em.ddp-icon-btnworkspace {background-position:-22px -239px}

.ddp-wrap-pop-contents {padding:0 10% 54px 10%;}

ul.ddp-list-form2 {width:100%; table-layout:fixed; margin-top:15px; border-top:1px solid #b7b9c2;}
ul.ddp-list-form2 li {position:relative; padding:15px 24px 15px 0; border-bottom:1px solid #e7e7ea; color:#b7bac1; font-size:12px;cursor: pointer;}
ul.ddp-list-form2 li.ddp-disabled {opacity:0.3; cursor:no-drop;}
ul.ddp-list-form2 li.ddp-disabled:hover {background:none;}
ul.ddp-list-form2 li:last-of-type {border-top:none;}
ul.ddp-list-form2 li:hover {background-color:#f6f6f7;}
ul.ddp-list-form2 li .ddp-wrap-name {display:block; position:relative; padding-left:26px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.ddp-list-form2 li em.ddp-icon-fav {display:none; position:absolute; top:0; left:0; bottom:0; width:26px; z-index:1;}
ul.ddp-list-form2 li em.ddp-icon-fav:before {display:inline-block; content:''; position:absolute; top:50%; left:6px; width:13px; height:12px; margin-top:-6px; background:url(../../images/icon_fav.png) no-repeat; background-position:left -31px; cursor: pointer;}
ul.ddp-list-form2 li:hover em.ddp-icon-fav {display:block;}
ul.ddp-list-form2 li em.ddp-icon-fav.ddp-selected {display:block;}
ul.ddp-list-form2 li em.ddp-icon-fav.ddp-selected:before {background-position:-13px -31px;}
ul.ddp-list-form2 li .ddp-wrap-name span.ddp-data-name {display:inline-block; color:#4c515a; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;vertical-align: middle;}
ul.ddp-list-form2 li .ddp-wrap-name span.ddp-data-name.ddp-data-new {position:relative; padding-right:40px; max-width:100%; box-sizing:border-box; }
ul.ddp-list-form2 li .ddp-wrap-name span.ddp-data-name span.ddp-data-in {display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:Hidden; vertical-align:top;}

ul.ddp-list-form2 li .ddp-wrap-name span.ddp-data-name em.ddp-icon-new {display:none;background-color:#fff;}
ul.ddp-list-form2 li:hover .ddp-wrap-name span.ddp-data-name em.ddp-icon-new {background-color:#f6f6f7;}
ul.ddp-list-form2 li .ddp-wrap-name span.ddp-data-name.ddp-data-new em.ddp-icon-new {display:block; position:absolute; top:50%; right:0; margin-top:-7px;}
ul.ddp-list-form2 li .ddp-wrap-name span.ddp-data-detail {margin-left:5px; color:#b7bac1; font-size:14px; vertical-align: middle; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
ul.ddp-list-form2 li .ddp-wrap-data-info {float:right; padding-left:10px;}
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-wrap-tag {display:inline-block; }
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-wrap-power {display:inline-block; margin-right:25px; margin-left:20px;}
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-wrap-number {display:inline-block; min-width:123px; margin-left:30px; text-align:left; vertical-align:top;}
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-wrap-number span.ddp-data-user {padding-left:7px;}
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-wrap-number span.ddp-data-user:first-of-type {padding-left:0;}
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-wrap-number span.ddp-data-user strong {font-weight:bold; color:#90969f;}
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-anonymouse {display:inline-block; min-width:123px; margin-left:30px; color:#90969f;}
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-wrap-owner {float:left; width:130px; margin-left:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
ul.ddp-list-form2 li .ddp-wrap-data-info .ddp-wrap-owner span.ddp-data-owner {color:#4c515a;}

ul.ddp-list-form2 li .ddp-btn-control {display:none; position:absolute; top:50%; right:6px; margin-top:-11px;}
ul.ddp-list-form2 li:hover .ddp-btn-control {display:block;}

/***********************************************************************************************************
	PAGE : 워크스페이스 리스트 (block)
************************************************************************************************************/
.ddp-ui-space-contents {position:relative; padding:133px 80px 60px 80px; box-sizing:border-box;}
.ddp-ui-top-info {position:fixed; left:0; right:0; top:54px; height:132px; padding:0 80px; border-bottom:1px solid #d0d0d3; z-index:60;
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
}
.ddp-ui-top-info .ddp-ui-title {position:relative; padding:35px 200px 0 0;}
.ddp-ui-top-info .ddp-ui-title .ddp-ui-title-in {display:inline-block; position:relative; max-width:100%; padding-right:85px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.ddp-ui-top-info .ddp-ui-title span.ddp-data-title {padding-right:5px; color:#545b65; font-weight:bold; font-size:28px; vertical-align: middle; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-ui-top-info .ddp-ui-title span.ddp-data-detail {position:relative; top:5px; padding-right:4px;font-size:14px;color:#4b515b;box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-ui-top-info .ddp-ui-title span.ddp-data-detail:before {display:inline-block; content:'';}
.ddp-ui-top-info .ddp-ui-title .ddp-ui-title-in .ddp-btn-control .ddp-box-power {position:relative; float:left; top:2px;}
.ddp-ui-top-info .ddp-ui-title .ddp-btn-control {display:inline-block; width:85px; position:absolute; right:0; top:12px; }
.ddp-ui-top-info .ddp-ui-title .ddp-btn-control .ddp-icon-control-info {position:relative; top:2px;}
.ddp-ui-top-info .ddp-ui-title .ddp-btn-control .ddp-icon-control-fav {position:relative; top:1px; margin-right:5px; float:left;}
.ddp-ui-top-info .ddp-ui-title a.ddp-btn-line2 {position:absolute; bottom:0; right:0;}

.ddp-ui-top-info .ddp-wrap-info-summary {padding:20px 0 0 0;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left {float:left;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right {float:right;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-number {float:left; position:relative; padding:0 14px; color:#b7b9c2; font-size:13px;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-number:first-of-type {padding-left:0; margin-top:-1px;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-number span.ddp-data-num {margin-left:7px; font-weight:bold; color:#90969f;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-number span.ddp-data-num:first-of-type {margin-left:0;}

.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-number {float:left;}

.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab {float:left;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number {float:left; padding:5px 14px 28px 14px; margin-top:-5px; cursor:pointer; font-size:12px;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number:hover {color:#4b515b;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number:hover span.ddp-data-num {color:#4b515b;}

.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number:hover:after{display:inline-block; content:''; position:absolute; bottom:10px; left:50%; margin-left:-8px; width:14px; height:8px; background:url(../../images/icon_selecview.png) no-repeat; background-position:left -42px;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number:before {display:inline-block; content:''; position:absolute; top:8px; left:0; height:12px; border-left:1px solid #dbdce0;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number.ddp-selected {background-color:#4b515b; border-radius:2px 2px 0 0; height:48px; color:#fff; box-sizing:border-box;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number.ddp-selected span.ddp-data-num {color:#fff;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number.ddp-selected em.ddp-icon-result-source {background-position:-24px top;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number.ddp-selected em.ddp-icon-result-users {background-position:-15px -44px;}

.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number.ddp-selected:before {display:none;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-ui-info-tab .ddp-ui-number.ddp-selected:after {display:inline-block; content:''; position:absolute; bottom:10px; left:50%; margin-left:-8px; width:15px; height:9px; background:url(../../images/icon_selecview.png) no-repeat; background-position:left -26px;}

.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-left .ddp-box-tag strong {display:inline-block; padding-left:5px; font-size:12px; font-weight:bold;}

.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right span.ddp-data-create {float:left; position:relative; top:3px; color:#b7b9c2; font-size:12px;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right span.ddp-data-create span.ddp-data-name {font-weight:bold;}

.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right .ddp-ui-more {float:left; margin-left:5px;  margin-right:-10px; position:relative; z-index:60;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right .ddp-ui-more a.ddp-icon-more:before {transform:rotate(90deg)}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right .ddp-ui-more.ddp-selected .ddp-icon-more:before {background-position:0 -4px;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right .ddp-ui-more .ddp-wrap-popup2 {display:none; position:absolute; top:25px; right:0;}
.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right .ddp-ui-more.ddp-selected .ddp-wrap-popup2 {display:block;}

.ddp-ui-top-info .ddp-wrap-info-summary .ddp-data-info-right .ddp-ui-more.ddp-selected:hover .ddp-ui-tooltip-info {display:none;}
.ddp-wrap-folder {margin:0 -8px 9px -8px;}
.ddp-box-folder {float:left; position:relative; margin:3px 8px; padding:8px 16px 8px 43px; width:308px; height:44px; border-radius:3px; border:1px solid #ddd; font-size:0; background-color:#fff; box-sizing:border-box; cursor: pointer;}
.ddp-box-folder.ddp-selected:before  {display:inline-block; content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #90969f;}

.ddp-box-folder:hover {padding-right:60px;
  border: 1px solid #8f959f; /* stroke */
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 1px 3px rgba(68,87,98,.2); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(68,87,98,.2); /* drop shadow */
  box-shadow: 0 1px 3px rgba(68,87,98,.2); /* drop shadow */}

.ddp-box-folder.ddp-box-back {position:relative; padding:8px 16px 8px 55px;}
.ddp-box-folder span.ddp-data-name {display:inline-block; max-width:100%; height:24px; line-height:27px; color:#222; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box;}
.ddp-box-folder span.ddp-data-name.ddp-data-new {position:relative; padding-right:40px;}
.ddp-box-folder span.ddp-data-name.ddp-data-new .ddp-icon-new {position:absolute; top:6px; right:0;}
.ddp-box-folder .ddp-data-input {display:none; position:absolute; top:9px; left:38px; right:30px; bottom:9px; background-color:#f6f6f7; z-index:3;}
.ddp-box-folder .ddp-data-input input {display:block; width:100%; height:100%; padding:5px 23px 5px 5px; font-size:14px; border:none; background:none; box-sizing:border-box;}
.ddp-box-folder .ddp-data-input .ddp-icon-control-check {position:absolute; top:50%; right:5px; margin-top:-8px; color:#90969f;}
.ddp-box-folder .ddp-data-input input::-webkit-input-placeholder {color:#90969f;}
.ddp-box-folder .ddp-data-input input:-ms-input-placeholder {color:#90969f;}
.ddp-box-folder.ddp-box-edit {padding-right:30px;}
.ddp-box-folder.ddp-box-edit .ddp-data-input {display:block; height:26px;}

.ddp-box-folder.ddp-box-edit .ddp-btn-control {display:block;}
.ddp-box-folder .ddp-ui-checkbox {position:absolute; top:0; left:0; bottom:0; width:44px; z-index:1;}
.ddp-box-folder .ddp-ui-checkbox input[type="checkbox"] {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.ddp-box-folder .ddp-ui-checkbox .ddp-icon-checkbox {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}
.ddp-box-folder em.ddp-icon-folder-back {display:inline-block; position:absolute; top:0; left:0; bottom:0; width:42px; background-color:#90969f;}
.ddp-box-folder:hover em.ddp-icon-folder-back {background-color:#4b515b;}
.ddp-box-folder em.ddp-icon-folder-back:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -7px; content:''; width:13px; height:11px; background:url(../../images/icon_back.png) no-repeat;}
.ddp-box-folder .ddp-btn-control {display:none; position:absolute; top:50%; right:10px; margin-top:-10px;}
.ddp-box-folder .ddp-btn-control em.ddp-icon-control-edit {position:relative; top:-1px;}
.ddp-box-folder .ddp-btn-control .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:17px;}
em.ddp-icon-control-cut .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:17px;}
.ddp-box-folder:hover .ddp-btn-control {display:block;}

.ddp-wrap-box-block {margin:0 -8px 0 -8px;}
.ddp-wrap-box-block:before,
.ddp-wrap-box-block:after {display:table; content:'';}
.ddp-wrap-box-block:after {clear:both;}

.ddp-box-block {position:relative; float:left; margin:3px 8px 10px 8px; padding:55px 0 0 0; width:308px; height:196px; box-sizing:border-box; cursor:pointer; border:1px solid #fff;
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,.1); /* drop shadow */
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.1); /* drop shadow */
  box-shadow: 0 3px 3px rgba(0,0,0,.1); /* drop shadow */
}
.ddp-box-block:hover {border:1px solid #90969f;}
.ddp-box-block.ddp-selected:before {display:inline-block; content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #90969f; z-index:1;}
.ddp-box-block em.ddp-icon-control-cut {display:none; position:absolute; top:15px; right:10px; z-index:1;}
.ddp-box-block:hover em.ddp-icon-control-cut {display:block;}
.ddp-box-block.ddp-disabled:after {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.7); cursor:no-drop;}
.ddp-box-block.ddp-disabled:hover em.ddp-icon-control-cut {display:none;}
.ddp-box-block.ddp-disabled:hover {border:1px solid #fff;}
.ddp-box-block .ddp-ui-box-top {position:absolute; top:16px; left:0; right:0;}
.ddp-box-block .ddp-ui-box-top .ddp-ui-checkbox {display:inline-block; position:relative; width:20px; height:20px; float:left; margin:0 0 0 13px; vertical-align: top; z-index:5;}
.ddp-box-block .ddp-ui-box-top .ddp-ui-checkbox input[type="checkbox"] {display:inline-block; width:100%; height:100%;}
.ddp-box-block .ddp-ui-box-top .ddp-ui-checkbox i.ddp-icon-checkbox {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}
.ddp-box-block .ddp-ui-box-top .ddp-box-tag {display:inline-block; padding:2px 3px 1px 3px; margin:0 8px 0 9px; border-radius:1px; font-size:10px; font-weight:bold; vertical-align: top;}
.ddp-box-block .ddp-ui-box-top .ddp-box-tag.ddp-workbook {border:1px solid #90969f; color:#565c65;}
.ddp-box-block .ddp-ui-box-top .ddp-box-tag.ddp-notebook {border:1px solid #5ecfea; color:#5ecfea;}
.ddp-box-block .ddp-ui-box-top .ddp-box-tag.ddp-workbench {border:1px solid #bac1e5; color:#8c97d3;}

.ddp-box-block .ddp-ui-box-top .ddp-icon-new {position:relative; top:1px;}

.ddp-box-block .ddp-ui-box-contents {padding:0 43px 0 43px;}
.ddp-box-block .ddp-ui-box-contents span.ddp-data-name {display:block; font-size:18px; color:#545b65; font-weight:bold;  overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap;}

.ddp-box-block .ddp-ui-box-contents span.ddp-data-name.ddp-data-line2 {max-height:44px; white-space:normal; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;}
.ddp-box-block .ddp-ui-box-contents span.ddp-data-date {display:block; padding:7px 0 0 0; font-size:12px; color:#c5c6cd; }
.ddp-box-block .ddp-ui-box-contents span.ddp-data-date span.ddp-data-ago {color:#4c515a;}

.ddp-box-block .ddp-box-bottom {position:absolute; bottom:0; left:0; right:0; background-color:rgba(238,238,238,0.5);}
.ddp-box-block .ddp-box-bottom .ddp-wrap-num {padding:10px 16px; }
.ddp-box-block .ddp-box-bottom .ddp-wrap-num span.ddp-data-num {display:inline-block; padding-right:20px; color:#90969f; font-size:12px;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-num span.ddp-data-num em[class*="ddp-icon-"] {margin-right:7px; vertical-align: middle;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-num span.ddp-data-num .ddp-type-info {display:inline-block; position:relative; top:1px; margin-left:4px; vertical-align:middle; z-index:2;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-num span.ddp-data-num .ddp-type-info:hover {z-index:50;}
.ddp-box-block .ddp-box-bottom .ddp-type-info .ddp-ui-tooltip-info.ddp-down {display:none; right:initial; left:-19px; width:190px; white-space:normal; word-break:break-all;}
.ddp-box-block .ddp-box-bottom .ddp-type-info:hover .ddp-ui-tooltip-info.ddp-down {display:block;}
.ddp-box-block .ddp-box-bottom .ddp-type-info .ddp-ui-tooltip-info.ddp-down .ddp-icon-view-top {margin-right:0; left:27px; right:initial;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data {padding:11px 14px 10px 14px;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data:before,
.ddp-box-block .ddp-box-bottom .ddp-wrap-data:after {display:table; content:'';}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data:after {clear:both;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name {float:left; position:relative; max-width:132px; margin:0 0 0 10px; padding-left:21px; font-size:12px; color:#90969f; box-sizing:border-box;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name:first-of-type {margin:0;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name > em[class*="ddp-icon-"] {position:absolute; top:50%; left:0; vertical-align: middle;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name[class*="ddp-data-lang"]:before {position:absolute; top:50%; left:0;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name em.ddp-icon-lang-zeppelin {margin-top:-6px;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name em.ddp-icon-lang-jupyter {margin-top:-8px;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name em.ddp-icon-result-data {margin-top:-7px;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name em.ddp-icon-chart2 {margin-top:-8px;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name.ddp-data-lang-python:before {margin-top:-6px;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name.ddp-data-lang-r:before {margin-top:-7px;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name .ddp-txt-name {display:inline-block; max-width:100%;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name .ddp-txt-name .ddp-txt-name-in {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ddp-box-block .ddp-box-bottom .ddp-wrap-data .ddp-data-name .ddp-type-info {float:right; position:relative; top:1px; margin-left:6px; z-index:5;}

.ddp-box-block .ddp-box-bottom .ddp-data-connection {position:relative; padding:11px 15px 12px 43px; width:100%; color:#90969f; font-size:12px; box-sizing:border-box;}
.ddp-box-block .ddp-box-bottom .ddp-data-connection .ddp-img {position:absolute; top:50%; left:15px; margin-top:-11px;}
.ddp-box-block .ddp-box-bottom .ddp-type-info {float:right; position:relative; top:1px; margin-left:5px; z-index:20;}
.ddp-box-block .ddp-box-bottom .ddp-type-info:hover {z-index:50;}
.ddp-box-block .ddp-box-bottom .ddp-txt-connection {display:inline-block; max-width:100%;}
.ddp-box-block .ddp-box-bottom .ddp-txt-connection .ddp-txt-in {display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ddp-box-block.ddp-box-workbench {display:inline-block; background:url(../../images/bg_workbench.png) no-repeat right bottom ; background-color:#fff;}
.page-workspace .ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav {max-width:20%;}
.page-workspace .ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav:last-of-type {padding-right:25px;}
.page-workspace .ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav .ddp-btn-folderplus {position:absolute; top:6px; right:0;}
.ddp-ui-space-option {position:relative; padding-right:450px; width:100%; clear:both; z-index:20; box-sizing:border-box;}
.ddp-ui-space-option .ddp-ui-option-right {position:absolute; top:5px; right:0;}
.ddp-ui-space-option .ddp-ui-space-nav {padding:20px 0 0 0;}
.ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav {display:inline-block; min-height:25px; max-width:15%; position:relative; padding-left:19px; margin-right:4px; cursor: pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav:after {display:inline-block; content:''; position:absolute; top:50%; left:0; width:4px; height:7px; margin-top:-4px; background:url(../../images/icon_dataview.png) no-repeat; background-position:-5px -19px;}
.ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav:first-of-type {padding-left:0; max-width:15%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; line-height:23px;}
.ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav:first-of-type:after {display:none;}
.ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav em.ddp-icon-space {display:inline-block; position:relative; top:-1px; width:14px; height:14px; margin-right:8px; background:url(../../images/icon_workspace.png) no-repeat; vertical-align: middle;}
.ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav span.ddp-data-namefolder {display:inline-block; position:relative; color:#35393f; font-size:13px; line-height:2em; cursor:pointer;}
.ddp-ui-space-option .ddp-ui-space-nav .ddp-data-nav span:hover {text-decoration: underline;}
.ddp-ui-space-option .ddp-ui-space-nav a.ddp-btn-folderplus {display:inline-block; position:relative; top:6px; width:16px; height:15px; background:url(../../images/icon_buttons.png) no-repeat; background-position:left -198px; vertical-align: top;}
.ddp-ui-space-option .ddp-ui-space-nav a.ddp-btn-folderplus:hover {background-position:-17px -198px;}
.ddp-ui-space-option .ddp-ui-option-right .ddp-form-search {float:left; margin:10px 15px 0 0;}
.ddp-ui-space-option .ddp-ui-option-right .ddp-form-search input::placeholder {color:#90969f;}
.ddp-ui-space-option .ddp-ui-option-right .ddp-type-dropdown {float:left; padding:20px 0 0 0; margin-right:5px;}
.ddp-ui-space-option .ddp-ui-option-right .ddp-type-dropdown .ddp-wrap-popup2 {top:43px;}

.ddp-ui-space-option .ddp-ui-option-right .ddp-list-tab-button {border:1px solid #b7b9c3;}

.ddp-ui-space-option .ddp-ui-datanone {position:fixed; top:350px; left:0; right:0; bottom:104px;}
.ddp-ui-space-option .ddp-ui-datanone .ddp-view-datanone {position:absolute; top:50%; left:0; right:0; margin-top:-94px; text-align:center;}
.ddp-ui-space-option .ddp-ui-datanone .ddp-view-datanone em.ddp-bg-img {display:inline-block; width:190px; height:130px; background:url(../../images/bg_spacenone.png) no-repeat;}
.ddp-ui-space-option .ddp-ui-datanone .ddp-view-datanone .ddp-txt-datanon {display:block; padding-top:35px; text-align:Center; color:#90969f; font-size:18px;}

.ddp-ui-space-bottom {position:fixed; bottom:0; left:0; right:0; min-width:1200px; border-top:1px solid #d5d6db; background-color:#e7e7ea; z-index:30;}
.ddp-ui-space-bottom .ddp-ui-link {position:relative; float:left; padding:0 15px 0 22px;}
.ddp-ui-space-bottom .ddp-ui-link:before {display:inline-block; content:''; position:absolute; top:50%; left:0; height:12px; margin-top:-6px; border-left:1px solid #cfd0d6; }
.ddp-ui-space-bottom .ddp-ui-link:first-of-type {padding-left:0;}
.ddp-ui-space-bottom .ddp-ui-link:first-of-type:before {display:none}

.ddp-ui-space-bottom .ddp-bottom-left {float:left; padding:18px 0 17px 80px;}
.ddp-ui-space-bottom .ddp-ui-link a {color:#4c515a; font-size:13px;}
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a:hover,
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a {color:#c1c2ca;}
.ddp-ui-space-bottom .ddp-ui-link a em.ddp-icon-select-clone,
.ddp-ui-space-bottom .ddp-ui-link a em.ddp-icon-select-move,
.ddp-ui-space-bottom .ddp-ui-link a em.ddp-icon-select-delete {display:inline-block; margin-right:8px; background:url(../../images/icon_selection.png) no-repeat; vertical-align: middle;}
.ddp-ui-space-bottom .ddp-ui-link a em.ddp-icon-select-clone {width:13px; height:13px; background-position:-14px top;}
.ddp-ui-space-bottom .ddp-ui-link a em.ddp-icon-select-move {width:16px; height:14px; background-position:-17px -14px}
.ddp-ui-space-bottom .ddp-ui-link a em.ddp-icon-select-delete {width:12px; height:13px; background-position:-13px -29px}
.ddp-ui-space-bottom .ddp-ui-link a:hover em.ddp-icon-select-clone {background-position:-28px top;}
.ddp-ui-space-bottom .ddp-ui-link a:hover em.ddp-icon-select-move,
.ddp-ui-space-bottom .ddp-ui-link.ddp-selected a em.ddp-icon-select-move {background-position:-34px -14px}
.ddp-ui-space-bottom .ddp-ui-link a:hover em.ddp-icon-select-delete {background-position:-26px -29px}
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a {cursor: no-drop;}
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a em.ddp-icon-select-clone,
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a:hover em.ddp-icon-select-clone {background-position:left top;}
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a em.ddp-icon-select-move,
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a:hover em.ddp-icon-select-move {background-position:left -14px}
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a em.ddp-icon-select-delete,
.ddp-ui-space-bottom .ddp-ui-link.ddp-disabled a:hover em.ddp-icon-select-delete {background-position:left -29px}

.ddp-ui-space-bottom .ddp-bottom-right {float:right; padding:10px 80px 10px 0;}
.ddp-ui-space-bottom .ddp-bottom-right a.ddp-btn-solid2 {margin-left:5px;}
.ddp-ui-space-bottom .ddp-box-popup2 {position:absolute; bottom:26px; left:-15px;}
.ddp-ui-space-bottom .ddp-ui-link .ddp-box-popup2 {display:none;}
.ddp-ui-space-bottom .ddp-ui-link.ddp-selected .ddp-box-popup2 {display:block;}
.ddp-box-popup2 {border-radius:2px;
  -moz-box-shadow: 0 1px 3px rgba(82,97,105,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(82,97,105,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(82,97,105,.3); /* drop shadow */
}
.ddp-box-popup2 {position:relative; width:247px; height:298px; background-color:#fff;}

.ddp-box-popup2 .ddp-box-title {display:block; position:relative; padding:12px 20px 12px 20px; font-weight:bold; font-size:13px; color:#4c515a; border-bottom:1px solid #e7e7ea}
.ddp-box-popup2 .ddp-box-title span.ddp-data-title {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal;}
.ddp-box-popup2 .ddp-link-space {display:block; position:relative; padding:12px 20px 12px 44px; border-bottom:1px solid #e7e7ea; font-size:13px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ddp-box-popup2 .ddp-link-space:hover { background-color:#f6f6f7;}
.ddp-box-popup2 .ddp-link-space.ddp-selected {color:#fff; background-color:#4b515b;}
.ddp-box-popup2 .ddp-link-space em.ddp-icon-user {position:absolute; top:50%; left:20px; display:inline-block; width:10px; height:12px; margin-top:-6px; background:url(../../images/icon_group.png) no-repeat; background-position:left -28px; vertical-align: middle;}
.ddp-box-popup2 .ddp-link-space em.ddp-btn-back {position:absolute; top:0; left:0; bottom:0; width:44px; cursor:pointer;}
.ddp-box-popup2 .ddp-link-space em.ddp-btn-back:hover {background-color:#e7e7ea;}
.ddp-box-popup2 .ddp-link-space.ddp-selected em.ddp-btn-back:hover {background-color:#2e333a;}
.ddp-box-popup2 .ddp-link-space em.ddp-btn-back:before {display:inline-block; content:''; position:absolute; top:50%; left:50%; width:10px; height:9px; margin:-5px 0 0 -5px; background:url(../../images/btn_back.png) no-repeat; background-position:left -17px;}

.ddp-box-popup2 .ddp-link-space.ddp-selected em.ddp-icon-user {background-position:left -41px;}
.ddp-box-popup2 ul.ddp-list-folder {position:absolute; top:41px;; left:0; right:0; bottom:53px;padding:6px 0; overflow-y:auto;}
.ddp-box-popup2 ul.ddp-list-folder li {position:relative; padding:5px 30px 5px 13px; color:#4c515a; font-size:12px; cursor:pointer;}
.ddp-box-popup2 ul.ddp-list-folder li:hover {background-color:#f6f6f7;}
.ddp-box-popup2 ul.ddp-list-folder li.ddp-selected {background-color:#4b515b; color:#fff;}
.ddp-box-popup2 ul.ddp-list-folder li.ddp-disabled:before {display:inline-block; content:'';position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.5); z-index:1; cursor: no-drop;}
.ddp-box-popup2 ul.ddp-list-folder li.ddp-disabled .ddp-btn-view {display:none;}
.ddp-box-popup2 ul.ddp-list-folder li.ddp-disabled:hover {background:none;}
.ddp-box-popup2 ul.ddp-list-folder li em.ddp-icon-folder2 {width:13px; height:12px; margin-right:14px; float:left; background:url(../../images/icon_folder.png) no-repeat; background-position:left -14px;}
.ddp-box-popup2 ul.ddp-list-folder li.ddp-selected em.ddp-icon-folder2 {background-position:left -27px;}

.ddp-box-popup2 ul.ddp-list-folder li em.ddp-icon-shape,
.ddp-box-popup2 ul.ddp-list-folder li em.ddp-icon-user {float:left; margin-right:9px; width:17px; height:13px; background:url(../../images/icon_group.png) no-repeat; background-position:left -14px;}
.ddp-box-popup2 ul.ddp-list-folder li.ddp-selected em.ddp-icon-shape {background-position:-18px -14px;}
.ddp-box-popup2 ul.ddp-list-folder li em.ddp-icon-user {background-position:left -28px;}
.ddp-box-popup2 ul.ddp-list-folder li.ddp-selected em.ddp-icon-user {position:relative; left:3px; background-position:left -41px;}

.ddp-box-popup2 ul.ddp-list-folder li span.ddp-txt-name {display:block; overflow:Hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal;}
.ddp-box-popup2 ul.ddp-list-folder li span.ddp-btn-view {position:absolute; right:0; bottom:0; top:0; width:24px; cursor:pointer;}
.ddp-box-popup2 ul.ddp-list-folder li span.ddp-btn-view:before {display:inline-block; content:''; position:absolute; top:50%; left:50%; width:4px; height:7px; margin-top:-4px; background:url(../../images/icon_dataview.png)no-repeat; background-position:left -19px;}
.ddp-box-popup2 ul.ddp-list-folder li span.ddp-btn-view:hover {background-color:#d0d1d9;}
.ddp-box-popup2 ul.ddp-list-folder li.ddp-selected span.ddp-btn-view:hover {background-color:#2e333a;}
.ddp-box-popup2 .ddp-ui-buttons {position:absolute; bottom:0; left:0; right:0; padding:10px 0; border-top:1px solid #e7e7ea; text-align:center;}
.ddp-box-popup2 .ddp-ui-buttons .ddp-btn-type-popup2 {margin:0 2px;}
.ddp-box-popup2 .ddp-ui-buttons .ddp-btn-type-popup2.ddp-bg-black {color:#fff;}

/***********************************************************************************************************
	PAGE : 워크스페이스 리스트 (list)
************************************************************************************************************/
.ddp-wrap-list-type {position:relative; padding-top:14px; padding-bottom:54px;}
.ddp-wrap-list-type * {font-weight:normal;}
ul.ddp-list-workspace {position:relative; border:1px solid #dddddd; border-radius:3px; background-color:#fff;}
ul.ddp-list-workspace li {position:relative;}
ul.ddp-list-workspace li.ddp-disabled:after {position:absolute; top:0; left:0; right:0;bottom:0; content:''; background-color:rgba(255,255,255,0.7);cursor:no-drop;}
ul.ddp-list-workspace li:hover {position:relative;}
ul.ddp-list-workspace li.ddp-list-back:hover {background-color:#f6f6f7;}
ul.ddp-list-workspace li.ddp-disabled:hover .ddp-btn-control {display:none;}
ul.ddp-list-workspace li.ddp-disabled:hover a {background:none;}
ul.ddp-list-workspace li.ddp-disabled a:hover .ddp-ui-data-list  {background:none;}
ul.ddp-list-workspace li.ddp-list-back:hover a em.ddp-icon-folder-back {background-color:#4c515a;}
ul.ddp-list-workspace li.ddp-txt a {cursor:default;}
ul.ddp-list-workspace li.ddp-txt a:hover {background:none;}
ul.ddp-list-workspace li a {display:block;position:relative; padding:12px 60px 12px 124px; border-top:1px solid #ddd;}
ul.ddp-list-workspace li a:hover {background-color:#f6f6f7;}

ul.ddp-list-workspace li.ddp-selected a {background-color:#f6f6f7;}
ul.ddp-list-workspace li.ddp-selected a .ddp-ui-data-list {background-color:#f6f6f7;}
ul.ddp-list-workspace li:first-of-type a {border-top:none;}
ul.ddp-list-workspace li.ddp-list-back a {padding:10px 14px 10px 55px;}
ul.ddp-list-workspace li.ddp-list-workbook a {padding-right:278px;}
ul.ddp-list-workspace li.ddp-list-notebook a {padding-right:567px;}
ul.ddp-list-workspace li a em.ddp-icon-folder-back {display:inline-block; position:absolute; top:0; left:0; bottom:0; width:40px; background-color:#90969f;}
ul.ddp-list-workspace li a em.ddp-icon-folder-back:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -7px; content:''; width:13px; height:11px; background:url(../../images/icon_back.png) no-repeat;}
ul.ddp-list-workspace li a .ddp-wrap-name {padding:0 0; position:relative; top:1px; line-height:1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box;}
ul.ddp-list-workspace li a .ddp-wrap-name span.ddp-data-detail {font-size:14px; color:#b7bac1; vertical-align: top; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
ul.ddp-list-workspace li a .ddp-wrap-name .ddp-data-name {display:inline-block; height:18px; padding:0 0; color:#222; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
ul.ddp-list-workspace li a .ddp-wrap-name .ddp-data-name .ddp-icon-new {display:none; position:absolute; top:50%; right:0; margin-top:-7px; background-color:#fff;}
ul.ddp-list-workspace li a:hover .ddp-wrap-name .ddp-data-name .ddp-icon-new {background-color:#f6f6f7;}

ul.ddp-list-workspace li.ddp-selected a .ddp-wrap-name .ddp-data-name .ddp-icon-new {background-color:#f6f6f7;}

ul.ddp-list-workspace li a .ddp-wrap-name .ddp-data-name.ddp-data-new {position:relative; padding-right:40px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; box-sizing:border-box;}
ul.ddp-list-workspace li a .ddp-wrap-name .ddp-data-name.ddp-data-new .ddp-icon-new {display:block;}
ul.ddp-list-workspace li a .ddp-wrap-name .ddp-data-name span.ddp-data-detail {margin-left:5px; color:#b7bac1; font-size:14px;}
ul.ddp-list-workspace li a .ddp-wrap-name .ddp-data-name span.ddp-data-in {display:inline-block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}

ul.ddp-list-workspace li a .ddp-data-input {display:none; position:absolute; top:9px; left:124px; right:32px; bottom:9px; background-color:#f6f6f7; z-index:3;}
ul.ddp-list-workspace li a .ddp-data-input input {display:block; width:100%; height:100%; padding:5px 23px 5px 5px; font-size:14px; border:none; background:none; box-sizing:border-box;}
ul.ddp-list-workspace li a .ddp-data-input .ddp-icon-control-check {position:absolute; top:50%; right:5px; margin-top:-8px; color:#90969f;}
ul.ddp-list-workspace li a .ddp-data-input input::-webkit-input-placeholder {color:#90969f;}
ul.ddp-list-workspace li a .ddp-data-input input:-ms-input-placeholder {color:#90969f;}

ul.ddp-list-workspace li.ddp-box-edit a .ddp-data-input {display:block;}
ul.ddp-list-workspace li.ddp-box-edit a .ddp-btn-control {display:block;}
ul.ddp-list-workspace li.ddp-box-edit a:hover {background:none;}

ul.ddp-list-workspace li a .ddp-ui-checkbox {display:inline-block; position:absolute; top:0; left:0; bottom:0; width:40px; z-index:5;}
ul.ddp-list-workspace li a .ddp-ui-checkbox input[type="checkbox"] {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:3;}
ul.ddp-list-workspace li a .ddp-ui-checkbox i.ddp-icon-checkbox {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}
ul.ddp-list-workspace li a .ddp-btn-control {display:none; position:absolute; top:50%; right:12px; margin-top:-10px; z-index:2;}
ul.ddp-list-workspace li a:hover .ddp-btn-control {display:block;}

ul.ddp-list-workspace li a .ddp-box-tag,
ul.ddp-list-workspace li a .ddp-box-tag-value {display:inline-block; position:absolute; top:50%; left:50px; margin-top:-7px; padding:1px 2px 2px 2px; border-radius:1px; font-size:10px; font-weight:bold; line-height:1em; vertical-align: top;}
ul.ddp-list-workspace li a .ddp-box-tag.ddp-workbook {min-width:62px; border:1px solid #90969f; color:#565c65; text-align:center;}
ul.ddp-list-workspace li a .ddp-box-tag.ddp-notebook {min-width:62px; border:1px solid #5ecfea; color:#5ecfea; text-align:center;}
ul.ddp-list-workspace li a .ddp-box-tag.ddp-workbench {min-width:62px; border:1px solid #bac1e5; color:#8c97d3; text-align:center;}
ul.ddp-list-workspace li a .ddp-ui-data-list {position:relative; float:right; padding-left:20px; background-color:#fff;}
ul.ddp-list-workspace li a:hover .ddp-ui-data-list {background-color:#f6f6f7;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-wrap-num {float:left;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-wrap-num span.ddp-data-num {margin-left:13px; font-size:13px; color:#90969f;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-wrap-num span.ddp-data-num em.ddp-icon-btnsource,
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-wrap-num span.ddp-data-num em.ddp-icon-dashboard {margin-right:7px; vertical-align: middle;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-date {float:left; padding:0 0 0 25px; font-size:12px; color:#b7bac1;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-date  span.ddp-data-ago {color:#4c515a;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-info {float:left;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-info .ddp-data-name {margin-left:10px;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-info .ddp-data-connection {color:#90969f; font-size:12px; vertical-align:middle;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-info .ddp-data-connection img {margin-right:5px; vertical-align:middle;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-info .ddp-data-connection .ddp-txt-connection {display:inline-block; position:Relative; top:3px; max-width:234px; white-space:nowrap; text-overflow:ellipsis; overflow:Hidden;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-info .ddp-data-connection .ddp-type-info {top:-2px;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-type-info {display:inline-block; position:relative; top:-1px; margin-left:4px; z-index:20;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-type-info:hover{z-index:50;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-type-info:hover .ddp-ui-tooltip-info {display:block; max-width:190px; white-space:normal;}
ul.ddp-list-workspace li a .ddp-ui-data-list .ddp-data-info em[class*="ddp-icon"] {margin-right:5px;}
ul.ddp-list-workspace.ddp-select li a {padding-left:89px;}
.ddp-select-catalog ul.ddp-list-workspace.ddp-select li.ddp-sub a:hover {padding-right:60px;}
/**********************************************************************************
	PAGE : 워크스페이스 데이터소스
**********************************************************************************/
.ddp-wrap-tab-popup {position:fixed; left:44px; right:44px; bottom:24px; top:186px; padding:0 34px; border-top:6px solid #4b515b; background-color: #fff; /* layer fill content */ z-index:50; overflow-y:auto;
  -moz-box-shadow: 0 5px 7px rgba(0,0,0,.15); /* drop shadow */
  -webkit-box-shadow: 0 5px 7px rgba(0,0,0,.15); /* drop shadow */
  box-shadow: 0 5px 7px rgba(0,0,0,.15); /* drop shadow */
}
.ddp-wrap-tab-popup .ddp-ui-tab-popup {position:absolute; top:0; left:0; right:0; bottom:0; padding:0 33px;min-width:1112px; overflow:auto;}
.ddp-wrap-tab-popup .ddp-ui-title {position:relative; padding:20px 0 16px 0;font-size:18px; color:#4b515b; font-weight:bold;}
.ddp-wrap-tab-popup .ddp-ui-title .ddp-label-checkbox  {font-size:0; margin-left:20px; vertical-align: middle;}
.ddp-wrap-tab-popup .ddp-ui-title a.ddp-link-setting {position:absolute; top:25px; right:0;}
.ddp-wrap-tab-popup .ddp-ui-title .ddp-ui-rightoption {float:right;}
.ddp-wrap-tab-popup .ddp-ui-title .ddp-ui-rightoption .ddp-type-search,
.ddp-wrap-tab-popup .ddp-ui-title .ddp-ui-rightoption .ddp-label-checkbox,
.ddp-wrap-tab-popup .ddp-ui-title .ddp-ui-rightoption .ddp-form-label2
{float:left;}
.ddp-wrap-tab-popup .ddp-ui-title .ddp-ui-rightoption .ddp-type-search {position:relative; top:2px; width:165px; }
.ddp-wrap-tab-popup .ddp-ui-title .ddp-ui-rightoption .ddp-label-checkbox {position:relative; top:8px;}
.ddp-wrap-tab-popup .ddp-ui-title .ddp-ui-rightoption .ddp-form-label2 {margin-left:28px;}
.ddp-wrap-tab-popup .ddp-ui-title .ddp-ui-rightoption .ddp-form-label2 .ddp-wrap-dropdown {width:168px;}
.ddp-wrap-tab-popup .ddp-popup-dashboard {width:inherit; position:absolute; top:59px; left:33px; bottom:69px; right:33px; min-width:1074px;}
.ddp-wrap-tab-popup .ddp-popup-dashboard table.ddp-table-form tbody tr td .ddp-txt-long.ddp-global {padding-right:66px;}
.ddp-wrap-tab-popup .ddp-popup-dashboard .ddp-wrap-grid {height:100%;}
.ddp-wrap-tab-popup .ddp-popup-dashboard .ddp-wrap-grid .ddp-wrap-viewtable {padding-bottom:43px; height:100%; box-sizing:border-box;}
.ddp-wrap-tab-popup .ddp-popup-dashboard .ddp-wrap-grid .ddp-box-viewtable {min-height:100%;}
.ddp-wrap-tab-popup .ddp-box-grid-detail {top:0;}

.ddp-popup-tabbottom {position:absolute; bottom:0; left:0; right:0; padding-bottom:15px; text-align:center;}

/**********************************************************************************
	PAGE : 워크스페이스 공유
**********************************************************************************/
.ddp-box-tab-popup {position:absolute; top:59px; left:34px; right:34px; bottom:70px; border:1px solid #d5d6dc;}
.ddp-box-tab-popup .ddp-ui-left {position:relative; float:left; width:50%; height:100%; border-right:1px solid #ddd; box-sizing:border-box;}
.ddp-box-tab-popup .ddp-ui-left ul.ddp-ui-tab li {height:40px; width:50%; border-bottom:1px solid #ddd;}
.ddp-box-tab-popup .ddp-ui-left ul.ddp-ui-tab li.ddp-selected {border-bottom:1px solid #fff;}
.ddp-box-tab-popup .ddp-ui-left ul.ddp-ui-tab li a {padding-top:12px; padding-bottom:13px; font-weight:bold; text-align:center;}

.ddp-box-tab-popup .ddp-ui-tab-contents {padding:20px 8px 0 8px;}
.ddp-box-tab-popup .ddp-ui-tab-contents .ddp-form-search {width:100%;}

.ddp-ui-member {position:absolute; top:40px; left:0; right:0; bottom:21px; overflow-y:auto;}
.ddp-ui-member ul.ddp-list-checktype li {padding:7px 9px;}
.ddp-ui-member ul.ddp-list-checktype li.ddp-all {border-bottom:1px dotted #cccccc; margin-bottom:7px;}
.ddp-box-tab-popup .ddp-ui-right {float:left; width:50%; height:100%; box-sizing:border-box;}
.ddp-ui-member-table {position:relative; height:100%;}
.ddp-ui-member-table .ddp-ui-toptitle {position:relative; }
.ddp-ui-member-table .ddp-ui-toptitle span.ddp-ui-name {display:block; padding:15px 30px; color:#90969f; font-size:13px;}
.ddp-ui-member-table .ddp-ui-toptitle span.ddp-ui-name em.ddp-data-num {color:#4b515b;}
.ddp-ui-member-table .ddp-ui-toptitle a.ddp-type-link3 {position:absolute; top:17px; right:28px;}
.ddp-ui-member-table .ddp-box-viewtable2 {position:absolute; top:47px; left:1px; right:0; bottom:21px;}
.ddp-ui-member-table .ddp-box-viewtable2.ddp-user {top:20px; bottom:0;}
.ddp-ui-member-table .ddp-box-viewtable2 .ddp-ui-gridbody2 {position:absolute; top:25px; left:0; bottom:21px; overflow-y:scroll;}

.ddp-ui-member-table .ddp-box-viewtable2 .ddp-ui-gridbody2::-webkit-scrollbar-track {background:#fff;}
.ddp-ui-member-table .ddp-box-viewtable2 .ddp-ui-gridbody2::-webkit-scrollbar-thumb {border:4px solid #fff;}

.ddp-ui-member-table .ddp-wrap-roles {}
.ddp-ui-member-table .ddp-wrap-roles .ddp-label {position:absolute; top:0; right:0; color:#90969f; font-size:13px; cursor:pointer;}
.ddp-ui-member-table .ddp-wrap-roles .ddp-label:before {display:inline-block; position:relative; top:-1px; margin-right:4px; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:-14px -30px; content:''; vertical-align:middle;}
.ddp-ui-member-table .ddp-wrap-roles .ddp-label:hover,
.ddp-ui-member-table .ddp-wrap-roles.ddp-selected .ddp-label {color:#4b515b;}
.ddp-ui-member-table .ddp-wrap-roles .ddp-label:hover:before,
.ddp-ui-member-table .ddp-wrap-roles.ddp-selected .ddp-label:before {background-position-x:-28px;}
.ddp-ui-member-table .ddp-wrap-roles.ddp-selected .ddp-pop-form {display:block;}

.ddp-pop-form {display:none; position:fixed; width:908px; padding:18px 13px; margin:5px 0 0 -365px; background:#fff; z-index:10; border-radius:3px; border:1px solid #ddd;
  -webkit-box-shadow: -2px 1px 10px -4px rgba(84,97,104,1);
  -moz-box-shadow: -2px 1px 10px -4px rgba(84,97,104,1);
  box-shadow: -2px 1px 10px -4px rgba(84,97,104,1);}
.ddp-pop-form .ddp-label-title {padding-bottom:22px; font-size:12px; color:#4b515b; font-weight:bold;}
.ddp-pop-form a.ddp-close {display:inline-block; position:absolute; top:19px; right:19px; width:11px; height:11px; background:url(../../images/btn_close.png) no-repeat; background-position:-12px -58px;}

table.ddp-table-form2 tbody tr td.ddp-inherit {overflow:inherit;}
table.ddp-table-form2 tbody tr td img.ddp-data-photo {width:28px; height:28px; float:left; margin-top:-6px; margin-right:7px; border-radius:50%; overflow:hidden; vertical-align: middle;}
table.ddp-table-form2 tbody tr td .ddp-ui-photo {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-top:6px;}
table.ddp-table-form2 tbody tr td em.ddp-icon-group {float:left; margin-right:7px;}
table.ddp-table-form2 tbody tr td span.ddp-data-username {display:block; overflow:hidden;}

.ddp-wrap-type-option {position:relative;}
.ddp-wrap-type-option .ddp-box-layout4.type-time {width:330px; position:absolute; top:100%; right:-30px; margin-top:5px; z-index:15;}
table.ddp-table-type2 tr td.ddp-info .ddp-wrap-type-option .ddp-ui-info {right:-20px;}
.ddp-ui-selected-option span.ddp-link-text {display:inline-block; position:relative; width:100%; padding-right:19px; cursor:pointer; box-sizing:border-box;}
.ddp-ui-selected-option span.ddp-link-text.ddp-txt-icon {padding-left:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; vertical-align:middle;}
.ddp-ui-selected-option span.ddp-link-text span.ddp-wrap-icons {display:inline-block; position:absolute; top:50%; right:0; width:17px; height:17px; margin-top:-9px; cursor:pointer;}
.ddp-ui-selected-option.ddp-selected span.ddp-link-text span.ddp-wrap-icons {background-color:#f6f6f7;}
.ddp-ui-selected-option span.ddp-link-text span.ddp-wrap-icons:before {display:inline-block; content:''; width:6px; height:4px; position:absolute; top:50%; left:50%; margin:-2px 0 0 -3px; background:url(../../images/icon_selecview.png) no-repeat; background-position:left -22px;}

.ddp-ui-selected-option .ddp-wrap-popup2 {display:none; position:absolute; top:32px; left:30px; white-space:nowrap; max-height:190px; overflow:auto;}
.ddp-ui-selected-option .ddp-wrap-popup2.ddp-scroll-none {max-height:inherit; overflow:inherit;}
.ddp-ui-selected-option.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-ui-selected-option.ddp-selected .ddp-types ul.ddp-list-popup li .ddp-wrap-popup2{display:none; position:absolute; top:-3px; left:100%;}
.ddp-ui-selected-option.ddp-selected .ddp-types ul.ddp-list-popup li:hover .ddp-wrap-popup2 {display:block;}

.ddp-wrap-share-set {position:relative; height:100%;}
.ddp-wrap-share-set .ddp-data-total {display:block;color:#4b515b; font-size:13px; font-weight: bold;}
.ddp-wrap-share-set .ddp-data-total em.ddp-data-num {color:#666fad;}
.ddp-wrap-share-set .ddp-data-total2 {display:block; padding-left:28px;color:#90969f; font-size:13px;}
.ddp-wrap-share-set .ddp-ui-left {position:relative; float:left; width:327px; height:100%; border-right:1px solid #ddd;}
.ddp-wrap-share-set .ddp-ui-right {float:left; width:100%; height:100%; margin-left:-328px; padding-left:327px; box-sizing:border-box;}
.ddp-wrap-share-set .ddp-wrap-tab {margin-bottom:15px;}
.ddp-wrap-share-set .ddp-wrap-tab-contents {height:100%;}
.ddp-wrap-share-set .ddp-ui-tab-contents {height:100%; margin-top:-57px; padding-top:57px; box-sizing:border-box;}
.ddp-wrap-share-set.ddp-group {position:relative; padding-top:40px; box-sizing:border-box;}
.ddp-wrap-share-set.ddp-group .ddp-data-total {position:absolute; top:0; left:0;}
.ddp-wrap-switch {position:relative; padding-right:35px;}
.ddp-wrap-switch .ddp-form-search {width:100%;}
.ddp-wrap-switch a.ddp-btn-switch {position:absolute; top:10px; right:17px;}

/**********************************************************************************
	page : 워크스페이스 관리
**********************************************************************************/
.ddp-box-statistic {position:relative; margin-bottom:20px; border:1px solid #dadbe0; overflow:hidden;}
.ddp-box-statistic .ddp-wrap-option {position:absolute; top:7px; right:20px;}
.ddp-box-statistic .ddp-wrap-option .ddp-type-selectbox {float:left; width:160px; margin-left:8px;}

.ddp-box-statistic .ddp-col-6 {position:relative; padding:20px 0;}
.ddp-box-statistic .ddp-col-6.ddp-first .ddp-view-statistic {border-left:none;}
.ddp-box-statistic .ddp-view-statistic {border-left:1px solid #e7e7ea;}
.ddp-box-statistic .ddp-label-name {padding:13px 20px; color:#4c515a; font-weight:bold; font-size:16px; border-bottom:1px solid #dadbe0;background-color:#f6f6f7;}

.ddp-box-statistic .ddp-data-box {display:inline-block; width:325px; padding:20px 0 0 0; text-align:center;}
.ddp-box-statistic .ddp-data-box .ddp-label {display:block; text-align:center; color:#4c515a; font-size:15px; font-weight:bold;}
.ddp-box-statistic .ddp-data-box .ddp-data {display:block; text-align:center; color:#4c515a; font-size:70px;}
.ddp-box-statistic .ddp-data-remark {position:absolute; top:49px; left:325px;}
.ddp-box-statistic .ddp-data-remark .ddp-list-remark {}
.ddp-box-statistic .ddp-data-remark .ddp-list-remark li {display:block; width:100%; padding-bottom:5px; color:#4b515b; font-weight:bold; font-size:13px; line-height:17px;}
.ddp-box-statistic .ddp-data-remark .ddp-list-remark li .ddp-box-tag {display:block; width:64px; margin-right:10px; text-align:center;}

.ddp-box-statistic .ddp-data-remark .ddp-data-average {display:block; padding:10px 0 0 0; color:#b7bac1; font-size:13px;}

.ddp-box-statistic .ddp-view-statistic.ddp-setting {padding:20px 0 0 0;}
.ddp-box-statistic .ddp-view-statistic.ddp-setting .ddp-name {display:block; color:#666fad; font-size:16px; font-weight:bold; text-align:center;}
.ddp-box-statistic .ddp-view-statistic.ddp-setting .ddp-name .ddp-icon-favorite {display:inline-block; position:relative; top:-2px; width:12px; height:12px; margin-right:5px; background:url(../../images/icon_favorite.png) no-repeat; vertical-align: middle;}
.ddp-box-statistic .ddp-view-statistic.ddp-setting .ddp-data {display:block; font-size:70px; text-align:center; color:#666fad;}

.ddp-box-statistic .ddp-view-statistic .ddp-data-label {display:block; padding:20px 45px 0 45px; color:#4c515a; font-size:16px; font-weight:bold;}
.ddp-box-statistic .ddp-view-statistic .ddp-data-graph {height:570px; padding:20px 45px;}

/**********************************************************************************
		page : 워크스페이스 생성
**********************************************************************************/
.ddp-box-popupcontents4 {width:880px; margin:0 auto; text-align:left;}
table.ddp-table-base {position:relative; width:100%; table-layout:fixed;overflow:Hidden;}
table.ddp-table-base thead tr th,
table.ddp-table-base tr td {padding:5px 0; background-color:#e7e7ea; font-weight:normal; text-align:center;}

table.ddp-table-base tr th {border:1px solid #fff; text-align:center; color:#4B515B;}
table.ddp-table-base thead tr:last-of-type th {background-color:#fdfdfd;}
table.ddp-table-base thead tr th .ddp-data-name {float:left; width:33.333%; text-align:center; box-sizing:border-box;}
table.ddp-table-base thead tr th .ddp-data-name2 {float:left; width:50%; text-align:center; box-sizing:border-box;}
table.ddp-table-base tr td {padding:5px 10px; width:156px; border:1px solid #fff; box-sizing:border-box;}
table.ddp-table-base tr td .ddp-txt-edit.ddp-selected .ddp-wrap-input {margin-top:0;}
.ddp-ui-popup-contents table.ddp-table-base tr td:first-of-type {width:140px;}
table.ddp-table-base tr td:first-of-type {width:161px;}
table.ddp-table-base tr td:nth-child(2) {width:95px;}
table.ddp-table-base tr td:nth-child(6) {width:104px;}
table.ddp-table-base tr td:nth-child(7) {width:52px;}

table.ddp-table-base tr:nth-child(even) td {background-color:#fdfdfd;}
table.ddp-table-base tr:nth-child(odd) td {background-color:#f8f8f9;}
table.ddp-table-base tr td .ddp-data-det {float:left; width:33.3333%;}
table.ddp-table-base tr td [class*='ddp-data-'] .ddp-label-checkbox {width:12px; height:12px; padding:0;}
table.ddp-table-base tr td [class*='ddp-data-'] .ddp-label-checkbox .ddp-icon-checkbox {position:relative;}
table.ddp-table-base tr td .ddp-data-det2 {float:left; width:50%;}
table.ddp-table-base tr td .ddp-delete {display:inline-block; width:14px; height:14px; background:url(../../images/btn_sclose.png) no-repeat; background-position:-15px -131px;}
table.ddp-table-base tr td .ddp-delete:hover {background-position-x:0;}
table.ddp-table-base tr td .ddp-txt-edit.ddp-selected .ddp-wrap-input {position:relative; min-width:100%;}
table.ddp-table-base tr td .ddp-txt-edit .ddp-data-name {position:relative; width:100%; margin-top:0; padding:0 15px 0 5px;text-align:left; box-sizing:border-box;}
table.ddp-table-base tr td .ddp-txt-edit .ddp-data-name:hover .ddp-icon-edit2 {position:absolute; right:0; top:inherit; bottom:5px; margin-top:0;}
table.ddp-table-base tr td .ddp-txt-edit .ddp-data-name.ddp-blank {color:rgba(75,81,91,0.3);}
table.ddp-table-base tr td .ddp-txt-edit .ddp-icon-edit2 {position:absolute; top:3px; right:0;}
table.ddp-table-base tr td .ddp-icon-checked {display:inline-block; width:11px; height:8px; background:url(../../images/icon_select2.png) no-repeat; background-position:-68px top;}
table.ddp-table-base tr td .ddp-link-add {color:#4b515b; font-size:12px;}
table.ddp-table-base tr td .ddp-link-add:before {display:inline-block; width:13px; height:13px; margin-right:5px; background:url(../../images/icon_add.png) no-repeat; background-position:left -22px; vertical-align:middle; content:'';}
table.ddp-table-base tr td .ddp-link-add:hover {font-weight:bold;}
table.ddp-table-base tr td .ddp-data-role {display:block; text-align:left; font-weight:bold;}
table.ddp-table-base tr td .ddp-select-role {display:inline-block; width:11px; height:11px; border-radius:50%; background-color:#666eb2;}
table.ddp-table-base tr td {position:relative; border-top:none; border-bottom:none;}
table.ddp-table-base tr td:first-of-type {border-left:none; text-align:left;}
table.ddp-table-base tr td:last-of-type  {border-left:none;}
table.ddp-table-base tr td.ddp-error:before {display:block; position:absolute; top:0; left:0; right:0; bottom:0; content:'';border:1px solid #eb5f58; box-sizing:Border-box;}

.ddp-ui-ex {margin-top:15px;}
.ddp-ui-ex .ddp-label-ex {display:block; color:#b7bac1; font-size:13px; font-weight:bold;}
ul.ddp-list-ex {padding:3px 0 0 0;}
ul.ddp-list-ex li {padding:0 0 3px 4px; color:#b7bac1; font-size:12px;}
ul.ddp-list-ex li:before {display:inline-block; width:4px; height:4px; margin-right:7px; border-radius:50%; background-color:#b7bac1; vertical-align:middle; content:'';}

/**********************************************************************************
	page : 워크스페이스 스키마
**********************************************************************************/
.ddp-pop-schema {position:relative; height:100%; margin-top:-120px; padding:120px 50px 0 50px; box-sizing:border-box;}

.ddp-pop-schema .ddp-pop-head {position:relative; border-top:1px solid #d0d1d9;}
.ddp-pop-schema .ddp-pop-head .ddp-pop-name {display:block; padding:35px 0 17px 10px; font-size:14px; color:#4b515b;}
.ddp-pop-schema .ddp-pop-head .ddp-ui-pop-buttons {position:absolute; top:30px; right:20px;}
.ddp-pop-schema .ddp-ui-ex {position:absolute; bottom:0; left:50px; right:50px; padding:17px 0 25px 0; border-top:1px solid #d0d1d9;}
.ddp-pop-schema .ddp-form-table {position:absolute; top:190px; left:50px; right:50px; bottom:170px; overflow:auto;}
table.ddp-table-list2 {width:100%; margin-bottom:20px; table-layout:fixed;}
table.ddp-table-list2 tr th {padding:0 10px 9px 10px; color:#b7b9c2; text-align:left; font-weight:normal;}
table.ddp-table-list2 tr th .ddp-link-edit {float:right; color:#90969f;}
table.ddp-table-list2 tr th .ddp-link-edit:hover {text-decoration:underline;}
table.ddp-table-list2 tr th .ddp-link-edit em.ddp-icon-edit {display:inline-block; position:relative; top:-1px; width:10px; height:10px; margin-right:2px; background:url(../../images/icon_edit2.png) no-repeat; background-position:-22px top; vertical-align: middle;}

table.ddp-table-list2 tr th:nth-child(2) {padding-left:25px;}
table.ddp-table-list2 tr td {position:relative; padding:5px 50px 5px 25px; color:#4b515b; font-size:13px; border-bottom:4px solid #fff; background-color:#f6f6f7;}
table.ddp-table-list2 tr td .ddp-wrap-info {position:absolute; top:50%; right:30px; margin-top:-7px;}
table.ddp-table-list2 tr td .ddp-wrap-info em.ddp-icon-info {display:inline-block; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:-14px -30px; cursor:pointer;}
table.ddp-table-list2 tr td .ddp-wrap-info em.ddp-icon-info:hover {background-position:-28px -30px;}
table.ddp-table-list2 tr td .ddp-wrap-info:hover .ddp-pop-form {display:block; min-width:683px; z-index:90}
table.ddp-table-list2 tr td .ddp-name {display:inline-block; padding:7px 10px 9px 10px; box-sizing:border-box;}
table.ddp-table-list2 tr td .ddp-view {display:inline-block; position:absolute; top:50%; right:0; width:4px; height:7px; margin-top:-4px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -89px;}
table.ddp-table-list2 tr td .ddp-type-selectbox {margin-right:-25px;}
table.ddp-table-list2 tr td .ddp-table-base * {color:inherit;}
table.ddp-table-list2 tr td table.ddp-table-base td,
table.ddp-table-list2 tr td table.ddp-table-base tr th {padding:5px 10px;}
.ddp-schema-top .ddp-title  {color:#4b515b; font-size:13px;}
.ddp-schema-top .ddp-btn-line2 {position:relative; top:-7px; float:right;}

/**************************************************************
  popup : 01_워크스페이스_07changeOwner_popup
**************************************************************/
.pop-box-owner {width:700px; height:333px; margin:17px auto 4px auto; border:1px solid #d5d6db; text-align:left; box-sizing:border-box; overflow:auto;}

.pop-box-owner ul.ddp-list-popup li a .ddp-rank {color:#b7b9c2;}
.pop-box-owner .ddp-ui-division {padding:0 14px 15px 14px;}
.pop-box-owner .ddp-ui-division + .ddp-ui-division {border-top:1px solid #d5d6db;}
.pop-box-owner .ddp-ui-division .ddp-ui-top {margin:0 0 0 0;}
.pop-box-owner .ddp-ui-division .ddp-ui-top .ddp-top-name {display:block; padding:20px 0 0 0; color:#565c65; font-size:14px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pop-box-owner .ddp-ui-division .ddp-ui-top .ddp-top-name .ddp-btn-window {float:left; position:relative; top:5px; width:12px; height:10px; margin-left:6px; background:url(../../images/icon_window.png) no-repeat;}
.pop-box-owner .ddp-ui-division .ddp-ui-top .ddp-top-name .ddp-tag-global {float:left; padding:2px 6px; margin-left:6px; border-radius:2px; border:1px solid #9ca2c9; color:#666fad; font-size:11px; font-weight:normal; background-color:#eff0f7;}
.pop-box-owner .ddp-ui-division .ddp-ui-top .ddp-top-name .ddp-txt-name {display:inline-block; max-width:100%; padding-right:10px; box-sizing:border-box}
.pop-box-owner .ddp-ui-division .ddp-ui-top .ddp-top-name .ddp-txt-name .ddp-data-name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pop-box-owner .ddp-ui-division .ddp-ui-top .ddp-top-name .ddp-btn-name {float:right;}
.pop-box-owner .ddp-ui-division .ddp-top-option {float:right; padding:14px 0 0 0;}
.pop-box-owner .ddp-ui-division .ddp-ui-top .ddp-wrap-edit3 {display:inline-block; width:auto; float:right;}
.pop-box-owner .ddp-ui-division .ddp-wrap-edit3 .ddp-type-selectbox {display:inline-block; width:168px; height:30px; box-sizing:border-box;}
.pop-box-owner .ddp-type-selectbox.ddp-type-search-select span.ddp-txt-selectbox {display:inline-block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; padding:6px 26px 6px 30px; height:30px; box-sizing:border-box;}
.pop-box-owner .ddp-type-selectbox.ddp-type-search-select span.ddp-txt-selectbox:before {left:10px;}
.pop-box-owner .ddp-type-selectbox.ddp-type-search-select.ddp-result span.ddp-txt-selectbox {padding-left:10px;}
.pop-box-owner .ddp-ui-division .ddp-wrap-edit3 {margin-top:10px;}
.pop-box-owner .ddp-ui-division .ddp-wrap-edit3 label.ddp-label-type {display:inline-block; width:auto; padding-right:6px;}

.pop-box-owner .ddp-ui-division .ddp-wrap-edit3 .ddp-txt-error {display:inline-block; position:relative; top:7px; margin-left:6px; vertical-align:top;}
.pop-box-owner .ddp-ui-division .ddp-wrap-edit3 .ddp-ui-edit-option {display:inline-block;}
.pop-box-owner .ddp-ui-division .ddp-data-description {color:#b7b9c2; font-size:12px;}

.pop-box-owner .ddp-ui-division .ddp-type-selectbox.ddp-selected .ddp-wrap-popup2 {position:fixed; min-width:166px; right:inherit;}
.pop-box-owner .ddp-ui-division .ddp-type-selectbox.ddp-selected .ddp-wrap-popup2 li a span.ddp-name {display:inline-block; max-width:85px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}

.pop-box-owner .ddp-ui-division .ddp-type-selectbox ul.ddp-list-popup li.ddp-disabled > a {color:#d0d1d8 !important; opacity:1;}
.pop-box-owner .ddp-ui-division .ddp-type-selectbox ul.ddp-list-popup li.ddp-disabled > a .ddp-rank {color:#d0d1d8;}

/**********************************************************************************
	PAGE : 노트북 서버 set
**********************************************************************************/
ul.ddp-ui-tab li a em.ddp-icon-jupyter,
ul.ddp-ui-tab li a em.ddp-icon-zepplin {display:inline-block; margin-right:9px; background:url(../../images/icon_server.png) no-repeat; vertical-align: middle;}
ul.ddp-ui-tab li a em.ddp-icon-jupyter {width:12px; height:16px; background-position:-13px top;}
ul.ddp-ui-tab li.ddp-selected a em.ddp-icon-jupyter {background-position:left top;}
ul.ddp-ui-tab li a em.ddp-icon-zepplin {width:18px; height:10px; background-position:-19px -17px;}
ul.ddp-ui-tab li.ddp-selected a em.ddp-icon-zepplin {background-position:left -17px;}
.ddp-ui-notebook-server {position:absolute; top:120px; left:50px; right:50px; bottom:0; box-sizing:border-box;}
.ddp-ui-notebook-server .ddp-ui-sublabel {padding:15px 0 15px 0; color:#4b515b; font-size:14px; }
.ddp-ui-notebook-server .ddp-ui-sublabel em {display:inline-block; padding:0 4px;}
.ddp-ui-notebook-server .ddp-type-top-option {position:relative;}
.ddp-ui-notebook-server .ddp-type-top-option a.ddp-btn-switch {position:absolute; top:10px; right:10px;}
.ddp-ui-notebook-server .ddp-type-top-option a.ddp-btn-switch .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:12px;}
.ddp-ui-notebook-server .ddp-type-top-option .ddp-option-right {position:absolute; top:0; right:0;}
.ddp-ui-notebook-server .ddp-type-top-option .ddp-option-right .ddp-btn-selection {color:#90969f}
.ddp-ui-notebook-server .ddp-type-top-option .ddp-option-right .ddp-btn-selection:hover {color:#4b515b;}
.ddp-ui-notebook-server .ddp-type-top-option .ddp-option-right .ddp-btn-selection .ddp-btn-reset3 {margin-right:6px; vertical-align:middle;}
.ddp-ui-notebook-server .ddp-type-top-option .ddp-option-right .ddp-btn-selection:hover .ddp-btn-reset3 {background-position:-15px -34px;}
.ddp-ui-notebook-server .ddp-wrap-viewtable {position:absolute; top:146px; left:0; right:0; bottom:24px; padding-bottom:45px;}

/**********************************************************************************
	PAGE : 노트북 api
**********************************************************************************/
.ddp-wrap-label {position:relative; display:inline-block;}
.ddp-wrap-label .ddp-wrap-hover-info {display:inline-block; position:relative; top:-3px; margin-left:5px; cursor: pointer;}
.ddp-wrap-label .ddp-wrap-hover-info:hover .ddp-box-layout4 {display:block;}

.ddp-wrap-label .ddp-wrap-hover-info .ddp-box-layout4 {display:none; position:absolute; top:-10px; left:20px;}
.ddp-wrap-label .ddp-wrap-hover-info .ddp-box-layout4 .ddp-data-det {padding:18px 20px; color:#90969f; font-weight:normal; font-size:12px; line-height:18px;}
.ddp-wrap-label .ddp-wrap-hover-info .ddp-box-layout4 .ddp-data-det .ddp-txt-tip {padding:18px 0 0 0; color:#35393f; font-size:12px;}
.ddp-wrap-label .ddp-wrap-hover-info em.ddp-icon-info3 {display:inline-block; width:11px; height:11px; text-align:center; border-radius:50%; border:1px solid #5d636c; font-size:14px;}
.ddp-wrap-edit3.ddp-type .ddp-wrap-label .ddp-wrap-hover-info em.ddp-icon-info3 {top:1px; background:none;}
.ddp-wrap-label .ddp-wrap-hover-info em.ddp-icon-info3:before {display:inline-block; content:'?'; position:absolute; top:50%; left:50%; margin:-10px 0 0 -2px; color:#4b515b; font-size:9px;}
/**********************************************************************************
	차트
**********************************************************************************/
@keyframes slideshow {
  from {
    top:300px;
    left:400px;
    bottom:300px;
    right:400px;
    opacity:0;
  }
  to {
    top:30px;
    left:40px;
    right:40px;
    bottom:30px;
    opacity:1;
  }
}
@keyframes slidehide {
  from {
    top:30px;
    left:40px;
    right:40px;
    bottom:30px;
    visibility:visible;
    opacity:1;
  }
  to {
    top:300px;
    left:400px;
    bottom:300px;
    right:400px;
    visibility: hidden;
    opacity:0;
  }
}
.ddp-layout-chart {position:fixed; top:30px; left:40px; right:40px; bottom:30px; z-index:126; background-color:#fff; box-sizing:border-box;
  -webkit-box-shadow: -2px 0 7px 0 rgba(0,0,0,0.35);
  -moz-box-shadow: -2px 0 7px 0 rgba(0,0,0,0.35);
  box-shadow: -2px 0 7px 0 rgba(0,0,0,0.35); animation-duration:0.5s;
  animation-name: slideshow;}
.ddp-layout-chart.ddp-hide {animation-duration:0.5s;;
  animation-name: slidehide;visibility: hidden; }

.ddp-layout-chart:before {position:fixed; left:0; right:0; bottom:0; top:0; background-color:rgba(208,209,216,0.5); content:''; }
.ddp-layout-chart .ddp-layout-contents2 {width:100%; height:100%; margin-top:0; padding:0; z-index:31; background-color:#fff; box-sizing:border-box;}
.ddp-wrap-chart {width:100%; height:100%; padding-bottom:59px; overflow:hidden; box-sizing:border-box;}
.ddp-wrap-chart .ddp-ui-buttons2 {position:absolute; bottom:0; left:0; right:0; padding:10px 0;text-align:center; border-top:1px solid #e7e7ea; background-color:#f7f7f8; z-index:70;}
.ddp-wrap-chart .ddp-ui-buttons2 .ddp-btn-type-popup {margin:0 2px;}
.ddp-wrap-chart .ddp-wrap-chart-lnb {float:left; width:288px; height:100%; background-color:#35393f; vertical-align: top;}
.ddp-wrap-chart .ddp-view-chart-lnb {position:relative; height:100%; }
.ddp-wrap-chart .ddp-ui-chart-lnb {position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
.ddp-ui-chart-lnb .ddp-box-down {border-bottom:none;}
.ddp-ui-chart-lnb .ddp-box-down .ddp-list-label {color:#fff;}
.ddp-ui-chart-lnb .ddp-box-down .ddp-form {margin:0 -2px;}
.ddp-ui-chart-lnb .ddp-box-down .ddp-form [class*="ddp-col-"]{padding:0 2px;}
.ddp-ui-chart-lnb .ddp-box-down .ddp-form-buttons {padding:14px 0 0 0;}

.ddp-ui-chart-lnb .ddp-box-down .ddp-form-buttons .ddp-btn-blue {display:inline-block; width:100%; box-sizing:border-box; text-align:center;}
/* wrap slider down */
.ddp-ui-chart-lnb .ddp-wrap-slider-down .ddp-wrap-option-slider span.ddp-label-slider {color:#d0d1d8;}
.ddp-ui-chart-lnb .ddp-wrap-slider-down .ddp-wrap-option-slider {padding:7px 0}
.ddp-ui-chart-lnb .ddp-wrap-slider-down .ddp-list-part-sub {display:none; padding:0 0 0 20px;}
.ddp-ui-chart-lnb .ddp-wrap-slider-down.ddp-selected .ddp-list-part-sub {display:block;}
.ddp-ui-chart-lnb .ddp-wrap-slider-down .ddp-list-part-sub .ddp-divide2 .ddp-list-label {padding:7px 0; color:#90969f;}

.ddp-wrap-chart .ddp-wrap-chart-contents {float:left; margin-left:-288px; margin-right:-318px; padding-left:288px; width:100%;height:100%;vertical-align: top;overflow:hidden; box-sizing:border-box;}

.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-view-chart-contents {position:relative; height:100%; margin-right:317px; overflow:hidden;}
.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-view-chart-contents.ddp-tooltip {z-index:70; overflow:initial;}
.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-view-chart-contents.ddp-tooltip .ddp-ui-chart-contents{z-index:10; overflow:initial}
.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-view-chart-contents .ddp-wrap-naviarea {padding-right:430px; margin-left:0;}

.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-view-chart-contents .ddp-wrap-naviarea .ddp-box-navi.ddp-selected .ddp-wrap-input {width:100%;}

.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-view-chart-contents .ddp-wrap-naviarea .ddp-ui-control {position:absolute; top:50%; right:14px; margin-top:-15px;}
.ddp-wrap-chart .ddp-wrap-chart-contents.ddp-size {margin-right:-53px;}
.ddp-wrap-chart .ddp-wrap-chart-contents.ddp-size .ddp-view-chart-contents {margin-right:53px;}
.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-ui-chart-contents {position:absolute; top:198px; left:0; right:0; bottom:0; overflow:auto;}
.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-ui-chart-contents.ddp-map-chart.ddp-shelf1 {top:104px;}
.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-ui-chart-contents.ddp-map-chart.ddp-shelf2 {top:149px;}
.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-ui-chart-contents.ddp-map-chart.ddp-shelf3 {top:194px;}
.ddp-wrap-chart .ddp-wrap-chart-contents .ddp-ui-chart-contents.ddp-map-chart .ddp-ui-chart-main .ddp-ui-chart-area {padding:0;}
.ddp-wrap-chart .ddp-wrap-chart-side {float:left; width:265px; height:100%; background-color:#f7f7f8; vertical-align: top; z-index:60;}
.ddp-wrap-chart .ddp-wrap-chart-side.type-popup .ddp-chart-side-in {z-index:70;}
.ddp-wrap-chart .ddp-wrap-chart-side .ddp-chart-side-in {position:relative; width:100%; height:100%; z-index:61;}

.ddp-wrap-chart .ddp-ui-chart-side {display:none; position:absolute; top:0; left:0; right:0; bottom:0;border-left:2px solid #e7e7ea; overflow-y:auto; overflow-x:hidden;}
.ddp-wrap-chart .ddp-ui-chart-side .ddp-area-boardside {bottom:0;}
.ddp-wrap-chart .ddp-ui-chart-side::-webkit-scrollbar-track {background:#f7f7f8;}
.ddp-wrap-chart .ddp-ui-chart-side::-webkit-scrollbar-thumb {border:4px solid #f7f7f8;}
.ddp-wrap-chart .ddp-ui-chart-side .ddp-wrap-page {position:absolute; bottom:0; left:0; right:0; padding:15px 0; text-align:center;}
.ddp-wrap-chart .ddp-ui-chart-side .ddp-wrap-page .ddp-ui-page {display:inline-block;}
.ddp-wrap-chart .ddp-ui-chart-side .ddp-ui-scroll {position:absolute; top:0; left:0; right:0; bottom:51px; overflow:auto; overflow-x:hidden;}
.ddp-wrap-chart .ddp-ui-chart-side .ddp-ui-option-down .ddp-ui-down-title em.ddp-icon-menumove {position:relative; }
.ddp-wrap-chart-menu {float:left; position:relative; width:52px; height:100%; border-left:2px solid #e7e7ea; background-color:#f7f6f8; vertical-align: top; box-sizing:border-box; overflow:auto; z-index:71}

.ddp-wrap-chart-menu a {display:block; position:relative; height:52px; text-align:center; z-index:62}
.ddp-wrap-chart-menu a em[class*="ddp-icon-menu"] {position:absolute; top:50%; left:50%;}
.ddp-wrap-chart-menu a .ddp-ui-tooltip-info {display:none; position:fixed; left:inherit; right:95px;}
.ddp-wrap-chart-menu a:hover .ddp-ui-tooltip-info {display:block;}
.ddp-wrap-chart-menu a.ddp-selected {background-color:#90969f;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-color {background-position:-22px -58px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-axis {background-position:-22px -83px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-num {background-position:-27px -105px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-presentation {background-position:-23px -119px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-tooltip {background-position:-25px -143px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-split {background-position:-24px -167px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-filter {background-position:-19px -21px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-general {background-position-x:-25px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-axis-x {background-position-x:-22px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-axis-y{background-position-x:-22px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-legend {background-position-x:-23px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-label {background-position-x:-23px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-secondary {background-position-x:-26px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-calculated {background-position-x:-19px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-mapview1 {background-position-x:-23px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-mapview2 {background-position-x:-23px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-mapview3 {background-position-x:-23px;}
.ddp-wrap-chart-menu a:hover em.ddp-icon-menu-analysis {background-position-x:-23px;}

.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-color {background-position:-44px -58px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-axis {background-position:-44px -83px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-num {background-position:-54px -105px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-presentation {background-position:-46px -119px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-tooltip {background-position:-50px -143px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-split {background-position:-48px -167px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-filter {background-position:-38px -21px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-calculated {background-position-x:-38px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-general {background-position-x:-49px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-axis-x {background-position-x:-44px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-axis-y{background-position-x:-44px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-legend {background-position-x:-46px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-label {background-position-x:-46px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-secondary {background-position-x:-52px;}

.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-mapview1 {background-position-x:-46px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-mapview2 {background-position-x:-46px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-mapview3 {background-position-x:-46px;}
.ddp-wrap-chart-menu a.ddp-selected em.ddp-icon-menu-analysis {background-position-x:-46px;}

.ddp-wrap-chart-menu a.ddp-disabled {cursor: no-drop;}
.ddp-wrap-chart-menu a.ddp-disabled em[class*="ddp-icon-menu-"] {opacity:0.5; cursor: no-drop;}
.ddp-wrap-chart-menu a.ddp-disabled:hover .ddp-ui-tooltip-info {display:block;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-color {background-position:left -58px;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-axis {background-position:left -83px;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-num {background-position:left -105px;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-presentation {background-position:left -119px;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-tooltip {background-position:left -143px;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-split {background-position:left -167px;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-filter {background-position:left -21px;}

.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-mapview1 {background-position:left -396px;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-mapview2 {background-position:left -417px;}
.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-mapview3 {background-position:left -438px;}

.ddp-wrap-chart-menu a.ddp-disabled:hover em.ddp-icon-menu-analysis {background-position:left -459px;}
/**********************************************************************************
    차트 (lnb)
**********************************************************************************/
.ddp-wrap-dropmenu {border-bottom:1px solid #35393f;}
.ddp-ui-dropmenu .ddp-ui-drop-title {position:relative; padding:16px 22px; font-size:16px; color:#fff; font-weight:bold; background-color:#4b515b; cursor: pointer;}
.ddp-ui-dropmenu .ddp-ui-drop-title span.ddp-data-det {position:absolute; top:50%; right:41px; margin-top:-7px; font-size:12px; color:#90969f ;}
.ddp-ui-dropmenu .ddp-ui-drop-title em.ddp-icon-drop-view {display:inline-block; positioN:absolute; top:50%; right:22px; width:9px; height:5px; margin-top:-3px; background:url(../../images/icon_menuview.png) no-repeat; background-position:left -20px;}
.ddp-ui-dropmenu.ddp-selected .ddp-ui-drop-title em.ddp-icon-drop-view {display:none;}
.ddp-ui-dropmenu.ddp-disabled .ddp-ui-drop-title {background-color:#4b515b; color:#90969f; cursor: no-drop;}
.ddp-ui-dropmenu .ddp-ui-drop-contents {display:none; overflow:auto;}
.ddp-ui-dropmenu .ddp-ui-drop-contents .ddp-wrap-list-source {display:none; position:relative; top:0; overflow:inherit;}
.ddp-ui-dropmenu.ddp-selected .ddp-ui-drop-contents {display:block;}
.ddp-ui-drop-contents .ddp-wrap-source-name {padding:9px 13px; margin-bottom:-4px;}
.ddp-ui-drop-contents .ddp-wrap-source-name .ddp-data-in {width:100%; padding-right:47px;}
.ddp-ui-drop-contents .ddp-wrap-source-name .ddp-data-in .ddp-btn-info {position:absolute; top:50%; right:27px; margin-top:-6px;opacity:0.6;}
.ddp-ui-drop-contents .ddp-wrap-source-name .ddp-data-in .ddp-btn-info:hover {opacity:1; background-position-x:-14px;}
.ddp-wrap-source-name .ddp-data-in .ddp-box-layout4.ddp-datasearch .ddp-form-search {width:220px; margin:0 10px;}
.ddp-ui-dropmenu .ddp-ui-drop-contents::-webkit-scrollbar-track {background:#3f4349 ;}
.ddp-ui-dropmenu .ddp-ui-drop-contents::-webkit-scrollbar-thumb {border:4px solid #3f4349 ; background-color:#6d7179}

.ddp-ui-drop-contents .ddp-ui-drop-name {display:block; padding:6px 22px; color:#b7b9c2; font-size:13px; background-color:#2f3339;}
.ddp-ui-drop-contents .ddp-ui-drop-name em.ddp-icon-source2 {margin-right:8px;}
.ddp-ui-drop-option {position:relative; padding:0 22px 0 22px; margin:10px 0 17px 0;}
.ddp-ui-drop-option .ddp-form-search {width:100%;}
.ddp-ui-drop-option .ddp-form-search input {border-bottom:1px solid #656971; color:#90969f}
.ddp-ui-drop-option .ddp-form-search input::-webkit-input-placeholder {color:#90969f;}
.ddp-ui-drop-option .ddp-form-search input:-ms-input-placeholder {color:#90969f;}
.ddp-ui-drop-option a.ddp-btn-addplus {padding:4px; position:absolute; top:50%; right:18px; margin-top:-8px;}
.ddp-ui-drop-option a.ddp-btn-addplus:before {display:inline-block; content:''; width:9px; height:9px;background:url(../../images/icon_add.png) no-repeat; background-position:-20px top;}
.ddp-ui-drop-option a.ddp-btn-addplus:hover:before {background-position:-30px top;}

.ddp-ui-drop-contents ul.ddp-list-source li {color:#d0d1d8;}
.ddp-ui-drop-contents ul.ddp-list-source li:hover,
.ddp-ui-drop-contents ul.ddp-list-source li.ddp-selected {background-color:#2f3339;}
.ddp-ui-drop-contents ul.ddp-list-source li.ddp-selected em.ddp-icon-control-more:before {background-position:-3px -164px;}
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-rows,
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-columns,
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-cross {position:absolute; top:9px; left:22px;}
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-cross {top:9px;}
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-alias {display:block; margin-top:3px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-network {display:inline-block; position:absolute; top:50%; left:19px; margin-top:-8px; }
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-network.icon-source {width:15px; height:15px; background:url(../../images/icon_network.png) no-repeat;}
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-network.icon-target{width:15px; height:15px; background:url(../../images/icon_network.png) no-repeat; background-position:left -16px;}
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-network.icon-link{width:15px; height:15px; background:url(../../images/icon_network.png) no-repeat; background-position:left -32px;}
.ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-datause {display:inline-block;position:absolute; top:50%; left:19px; margin-top:-6px; width:11px; height:11px; background:url(../../images/icon_use.png) no-repeat;}

.ddp-wrap-drop-submenu .ddp-ui-sub-title {position:relative; padding-left:22px;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title:hover {background-color:#2f3339; cursor:pointer;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-icon-add {display:inline-block; position:absolute; top:50%; right:14px; margin-top:-7px; width:13px; height:13px; background:url(../../images/icon_add.png) no-repeat; background-position:-98px -22px;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-icon-add:hover {background-position-x:-14px;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type {position:absolute; top:50%; right:14px; margin-top:-6px;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-icon-add2 {display:inline-block; position:relative; width:13px; height:13px; background:url(../../images/icon_add.png) no-repeat; background-position:-98px -22px; z-index:5}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type:hover .ddp-icon-add2 {background-position-x:-28px}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-wrap-link-type {display:none; position:absolute; top:-3px; right:-3px; padding-right:20px; white-space:nowrap;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type:hover .ddp-wrap-link-type {display:block;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type:hover .ddp-wrap-link-type {padding:2px 20px 2px 2px; background-color:#4c515a; border-radius:15px;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-wrap-link-type .ddp-link-type {margin-left:10px; color:#b7b9c2; font-size:12px;}

.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-wrap-link-type .ddp-link-type .ddp-icon-measure-value,
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-wrap-link-type .ddp-link-type .ddp-icon-parameter-value {display:inline-block; width:11px; height:11px; margin-right:6px; background:url(../../images/icon_value.png) no-repeat;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-wrap-link-type .ddp-link-type .ddp-icon-parameter-value {width:11px; height:9px; background-position:left -12px;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-wrap-link-type .ddp-link-type:hover {color:#fff;}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-wrap-link-type .ddp-link-type:hover .ddp-icon-measure-value {background-position-x:-12px}
.ddp-wrap-drop-submenu .ddp-ui-sub-title .ddp-wrap-add-type .ddp-wrap-link-type .ddp-link-type:hover .ddp-icon-parameter-value  {background-position-x:-12px}

.ddp-wrap-drop-submenu .ddp-ui-sub-titlein {position:relative; padding:10px 0; border-top:1px solid #4b515b; color:#91969e;}
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein.ddp-dimension {color:#439fe5;}
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein em.ddp-icon-menumove,
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein.ddp-dimension em.ddp-icon-menumove,
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein.ddp-measure em.ddp-icon-menumove {display:inline-block; width:9px; height:5px; margin-right:10px; background:url(../../images/icon_dropdown.png) no-repeat; vertical-align:middle;}
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein.ddp-dimension em.ddp-icon-menumove {background-position:-10px top;}
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein.ddp-measure em.ddp-icon-menumove {background-position:-20px top;}
.ddp-wrap-drop-submenu.ddp-selected .ddp-ui-sub-titlein em.ddp-icon-menumove {background-position:left -6px;}
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein.ddp-measure {color:#3bddbd;}
.ddp-wrap-drop-submenu.ddp-selected .ddp-ui-sub-titlein.ddp-dimension em.ddp-icon-menumove {background-position:-10px -6px;}
.ddp-wrap-drop-submenu.ddp-selected .ddp-ui-sub-titlein.ddp-measure em.ddp-icon-menumove {background-position:-20px -6px;}

.ddp-wrap-drop-submenu .ddp-ui-sub-titlein a.ddp-btn-addplus {padding:4px; position:absolute; top:50%; right:18px; margin-top:-8px;}
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein a.ddp-btn-addplus:before {display:inline-block; content:''; width:9px; height:9px;background:url(../../images/icon_add.png) no-repeat; background-position:-20px top;}
.ddp-wrap-drop-submenu .ddp-ui-sub-titlein a.ddp-btn-addplus:hover:before {background-position:-30px top;}
.ddp-wrap-drop-submenu.ddp-selected .ddp-wrap-list-source {display:block;}
.ddp-ui-drop-contents .ddp-wrap-reset {padding:20px 0 20px 0; background-color:#35393f}
.ddp-ui-drop-contents .ddp-wrap-reset .ddp-ui-reset { text-align:center;  background-color:#35393f; }
.ddp-ui-drop-contents .ddp-wrap-reset .ddp-ui-reset  a.ddp-link-reset {position:relative; left:-18px; color:#b7b9c2; text-decoration: underline;opacity:0.5;}
.ddp-ui-drop-contents .ddp-wrap-reset .ddp-ui-reset a.ddp-link-reset em.ddp-icon-reset {display:inline-block; margin-right:5px; position:relative; top:-1px; width:14px; height:13px; background:url(../../images/icon_reset.png) no-repeat; background-position:-16px -20px; vertical-align: middle;}
.ddp-ui-drop-contents .ddp-wrap-reset .ddp-ui-reset a.ddp-link-reset:hover {opacity:1;}

/**********************************************************************************
	차트 (선반)
**********************************************************************************/
em.ddp-icon-columns:before,
em.ddp-icon-rows:before,
em.ddp-icon-cross:before,
em.ddp-icon-columns.type-apply:before,
em.ddp-icon-rows.type-apply:before,
em.ddp-icon-cross.type-apply:before
{display:inline-block; content:'';background:url(../../images/icon_shelf.png) no-repeat;}
em.ddp-icon-rows:before {width:9px; height:9px;}
em.ddp-icon-columns:before {width:10px; height:9px; background-position:left -10px;}
em.ddp-icon-cross:before {width:11px; height:11px; background-position:left -20px;}
em.ddp-icon-rows.type-apply:before {background-position:-10px 0;}
em.ddp-icon-columns.type-apply:before {background-position:-11px -10px;}
em.ddp-icon-cross.type-apply:before {background-position:-12px -20px;}

.ddp-wrap-shelf {padding:5px 0; overflow:hidden; border-bottom:1px solid #d8d8dd;}
.ddp-ui-shelf {position:relative; height:47px; padding-left:49px;}
.ddp-ui-shelf.ddp-disabled {}
.ddp-wrap-shelf.ddp-mapview .ddp-ui-shelf.ddp-disabled  .ddp-ui-drag-slide-in {opacity: 0.3;}
.ddp-wrap-shelf.ddp-mapview .ddp-ui-shelf.ddp-disabled  .ddp-ui-drag-slide-in:before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; content:'';}

.ddp-ui-shelf.ddp-disabled em.ddp-icon-mapview1,
.ddp-ui-shelf.ddp-disabled em.ddp-icon-mapview2,
.ddp-ui-shelf.ddp-disabled em.ddp-icon-mapview3 {opacity:0.3;}

.ddp-ui-shelf em.ddp-icon-columns,
.ddp-ui-shelf em.ddp-icon-rows,
.ddp-ui-shelf em.ddp-icon-cross{position:absolute; top:0; left:0; width:49px; height:47px; z-index:5; background-color:#fff;}

.ddp-ui-shelf em.ddp-icon-columns:before,
.ddp-ui-shelf em.ddp-icon-rows:before,
.ddp-ui-shelf em.ddp-icon-cross:before {position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px;}

.ddp-ui-shelf em.ddp-icon-network {position:absolute; top:0; left:0; width:49px; height:47px; z-index:10; background-color:#fff;}
.ddp-ui-shelf em.ddp-icon-network:before {display:inline-block; content:''; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; width:15px; height:15px; background:url(../../images/icon_network.png) no-repeat;}
.ddp-ui-shelf em.ddp-icon-network.ddp-source:before {background-position:-16px top}
.ddp-ui-shelf em.ddp-icon-network.ddp-target:before {background-position:-16px -16px;}
.ddp-ui-shelf em.ddp-icon-network.ddp-link:before {background-position:-16px -32px;}

.ddp-ui-shelf .ddp-wrap-example {float:left; margin-top:6px; vertical-align: top;}

.ddp-ui-shelf .ddp-box-shelf {position:relative; float:left; margin:0 2px; padding:5px 10px; border:1px dashed #bbbdc5; border-radius:3px; color:#b4b6bb; font-size:12px; font-style:italic;; box-sizing:border-box; z-index:1; vertical-align: top;}

.ddp-ui-shelf .ddp-txt-shelf {displaY:inline-block; position:absolute; top:50%; left:49px; margin-top:-14px; padding:5px 10px; color:#b4b6bb; font-size:12px;}
.ddp-ui-shelf .ddp-box-unavailable {float:left; margin:0 5px; padding:6px 10px; background-color:#f6f6f7; border-radius:3px; color:#b7b9c2; font-size:12px; font-style:italic;}
.ddp-ui-shelf .ddp-box-dimension {float:left; position:relative; min-width:77px; height:25px; margin:0 5px; padding:0 8px; border:1px dashed #61a3e1; border-radius:3px; color:#589edf; font-size:12px; font-style:italic; font-weight:bold; text-align:center; line-height:25px; background-color:#fff; box-sizing:border-box;}
.ddp-ui-shelf .ddp-box-dimension em[class*="ddp-icon-dimension"] {position:relative; top:-2px; margin-right:6px; vertical-align: middle;}
.ddp-ui-shelf .ddp-box-dimension .ddp-ui-tooltip-info {display:none; top:28px; left:0;}
.ddp-ui-shelf .ddp-box-dimension:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-shelf .ddp-box-dimension .ddp-ui-tooltip-info .ddp-icon-view-top {left:30px; right:inherit;}

.ddp-ui-shelf .ddp-box-network {position:relative; float:left; padding:3px 1px 3px 25px; margin:1px 5px 0 5px; background-color:#f6f6f7; border-radius:3px;  vertical-align: top;}
.ddp-ui-shelf .ddp-box-network em.ddp-icon-chart-color,
.ddp-ui-shelf .ddp-box-network em.ddp-icon-chart-size {display:inline-block;position:absolute;top:50%;left:7px;margin-top:-7px;width:16px;height:14px;background:url(../../images/icon_network2.png) no-repeat;}
.ddp-ui-shelf .ddp-box-network em.ddp-icon-chart-size {margin-top:-8px; width:16px; height:14px; background-position:left -15px;}
.ddp-ui-shelf .ddp-box-network em[class*="ddp-icon-chart"] .ddp-ui-tooltip-info {left:-10px; right:initial; width:150px;text-align:center; white-space:normal;}
.ddp-ui-shelf .ddp-box-network em[class*="ddp-icon-chart"] .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:initial; left:18px;}
.ddp-ui-shelf .ddp-box-measure {float:left;  position:relative; min-width:77px; height:25px; padding:0 8px; margin:0 5px;border:1px dashed #6dd199; border-radius:3px; color:#5fd7a5; font-size:12px; font-style:italic; font-weight:bold; text-align:center; line-height:25px; background-color:#fff; box-sizing:border-box;}
.ddp-ui-shelf .ddp-box-measure .ddp-ui-tooltip-info {display:none; top:28px; left:0;}
.ddp-ui-shelf .ddp-box-measure:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-shelf .ddp-box-measure .ddp-ui-tooltip-info .ddp-icon-view-top {left:30px; right:inherit;}
.ddp-ui-drag-slide.ddp-slide {padding:0 40px;}
.ddp-ui-drag-slide.ddp-slide a.ddp-btn-prev,
.ddp-ui-drag-slide.ddp-slide a.ddp-btn-next {display:block;}

.ddp-ui-drag-slide {position:relative; top:5px; height:37px; padding:0 0;}
.ddp-ui-drag-slide.ddp-slide a.ddp-btn-prev,
.ddp-ui-drag-slide.ddp-slide a.ddp-btn-next {display:block;}
.ddp-ui-drag-slide a.ddp-btn-prev {display:none; position:absolute; top:0; left:-2px; bottom:0; width:33px; border-right:1px solid #ddd; background-color:#fff; z-index:10;}
.ddp-ui-drag-slide a.ddp-btn-next {display:none; position:absolute;top:0;right:-3px;bottom:0;width:33px;border-left:1px solid #ddd;background-color:#fff;z-index: 1;}
.ddp-ui-drag-slide a.ddp-btn-prev em.ddp-icon-prev,
.ddp-ui-drag-slide a.ddp-btn-next em.ddp-icon-next {display:inline-block; position:absolute; top:50%; left:50%; width:4px; height:7px; margin:-4px 0 0 -2px; background:url(../../images/icon_slide.png) no-repeat;}
.ddp-ui-drag-slide a.ddp-btn-next em.ddp-icon-next {background-position:-5px top;}
.ddp-ui-drag-slide a.ddp-btn-prev:hover em.ddp-icon-prev {background-position:left -7px;}
.ddp-ui-drag-slide a.ddp-btn-next:hover em.ddp-icon-next {background-position:-5px -7px;}
.ddp-ui-drag-slide-in {position:relative; height:37px; margin:0 -2px; white-space:nowrap;}
.ddp-view-drag-slide {display:inline-block;}
.ddp-ui-drag-slide .ddp-wrap-default {display:inline-block; min-width:100%; height:100%; white-space:nowrap;}
.ddp-ui-drag-slide .ddp-ui-default {position:relative; float:left; padding:0 5px; white-space:nowrap;}
.ddp-ui-drag-slide .ddp-ui-default span.ddp-data {display:block; color:#fff; opacity:0.8; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ddp-ui-drag-slide .ddp-ui-default .ddp-data-txt {display:block; overflow:hidden;}
.ddp-ui-drag-slide .ddp-ui-default span.ddp-type-value {float:left; padding-right:7px; margin-right:7px; border-right:1px solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.8);}
.ddp-wrap-shelf.ddp-mapview .ddp-ui-drag-slide-in {overflow:hidden;}
.ddp-wrap-shelf.ddp-mapview .ddp-ui-drag-slide {padding:0;overflow:hidden;}
.ddp-wrap-shelf.ddp-mapview .ddp-ui-drag-slide.ddp-slide {padding-left:34px;}

.ddp-wrap-shelf.ddp-mapview .ddp-ui-analysis {display:inline-block; position:relative; padding:11px 0 12px 0; color:#4c515a; font-size:13px;}

.ddp-ui-shelf.ddp-add-self:before {display:inline-block; position:absolute;top:3px; left:6px; bottom:3px; right:6px; border-radius:3px; border:1px solid #d0d1d7; content:'';}

.ddp-ui-drag-slide .ddp-slide-control {position:absolute; top:0; right:10px; bottom:0;background-color:#fff; z-index:5;}
.ddp-ui-drag-slide .ddp-slide-control .ddp-btn-next {position:relative; float:left; height:100%;}
.ddp-ui-drag-slide .ddp-slide-control .ddp-btn-minus,
.ddp-ui-drag-slide .ddp-slide-control .ddp-btn-plus {position:relative; top:4px; float:left; width:27px; height:27px; margin-left:4px; background:url(../../images/btn_minus_plus2.png) no-repeat; }
.ddp-ui-drag-slide .ddp-slide-control .ddp-btn-plus {background-position:-28px top;}

.ddp-wrap-content-graph .ddp-ui-default span.ddp-data {color:#fff; opacity:0.8;}
.ddp-ui-drag-slide .ddp-ui-default a .ddp-data-txt [class*="ddp-icon-"] {float:left;}
.ddp-ui-drag-slide .ddp-ui-default a.ddp-ui-dimension-wrap {display:inline-block; position:relative; margin:5px 0 5px 0; padding:7px 9px 4px 9px; max-width:200px; height:27px; border-radius:3px; background-color:#5492e4; box-shadow:1px 1px 1px #efeeee; box-sizing:border-box;}
.ddp-ui-drag-slide .ddp-ui-default a.ddp-ui-measure-wrap {display:inline-block; position:relative; margin:5px 0 5px 0; padding:7px 9px 4px 9px; max-width:200px; height:27px;  border-radius:3px; background-color:#55c08b; box-shadow:1px 1px 1px #efeeee; box-sizing:border-box;}

.ddp-ui-drag-slide .ddp-box-network .ddp-ui-default a.ddp-ui-dimension-wrap  {margin-top:0; margin-bottom:0;}
.ddp-ui-drag-slide .ddp-box-network .ddp-ui-default a.ddp-ui-measure-wrap  {margin-top:0; margin-bottom:0;}

.ddp-ui-drag-slide .ddp-ui-default .ddp-ui-icons {float:right; position:relative; top:-2px; margin-left:10px;}
.ddp-ui-drag-slide .ddp-ui-default em[class*="ddp-icon-control"] {vertical-align: middle;}
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-filter:before,
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-calculat:before,
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-parameter:before,
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-user:before,
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-split:before,
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-split2:before,
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-user:before {display:inline-block; content:'';  background:url(../../images/icon_control.png) no-repeat; opacity:0.8; vertical-align: middle;}
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-calculat:before {width:11px; height:11px; background-position:-24px -75px;}
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-parameter:before  {width:11px; height:9px; background-position:-24px -87px;}
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-user:before  {width:9px; height:9px; background-position:left -154px;}
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-split:before  {width:9px; height:12px;  background-position:left -131px;}
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-split2:before  {width:12px; height:9px; background-position:left -144px;}
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-user:before  {width:9px; height:9px; background-position:left -154px;}
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-filter:before,
.ddp-ui-drag-slide .ddp-ui-default em.ddp-icon-control-filter:hover:before  {width:12px; height:9px; background-position:-26px -65px;}
.ddp-ui-drag-slide .ddp-ui-default span.ddp-icon-layer {display:inline-block; position:relative; width:12px; height:17px; vertical-align:middle;}
.ddp-ui-drag-slide .ddp-ui-default span.ddp-icon-layer.ddp-selected {background-color:rgba(255,255,255,0.2);}
.ddp-ui-drag-slide .ddp-ui-default span.ddp-icon-layer em {display:inline-block; position:absolute; top:50%; left:50%; width:2px; height:9px; margin:-4px 0 0 -1px; background:url(../../images/icon_layer.png) no-repeat;}

.ddp-ui-drag-slide .ddp-ui-default a.ddp-ui-dimension-wrap span.ddp-icon-close,
.ddp-ui-drag-slide .ddp-ui-default a.ddp-ui-measure-wrap span.ddp-icon-close {display:inline-block; position:relative; width:17px; height:17px; vertical-align:middle;}
.ddp-ui-drag-slide .ddp-ui-default a.ddp-ui-dimension-wrap span.ddp-icon-close em,
.ddp-ui-drag-slide .ddp-ui-default a.ddp-ui-measure-wrap span.ddp-icon-close em {display:inline-block; position:absolute; top:50%; left:50%; width:7px; height:7px; margin:-3px 0 0 -3px; background:url(../../images/btn_sclose.png) no-repeat; background-position:left -45px;}
.ddp-ui-layer-box {position:fixed; top:100px; left:0; padding:6px 0; min-width:252px; border:1px solid #ddd; background-color:#fff; box-shadow:-1px 2px 3px 1px #dcdfe1; z-index:130;}
.ddp-ui-layer-box.ddp-layer-shelf {width:252px; z-index:130;}
.ddp-ui-layer-box.ddp-layer-more {margin-top:5px; left:inherit; width:252px;}
.ddp-ui-layer-box .ddp-ui-layer-title {padding:8px 16px; color:#4b515b; font-size:13px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-layer-box .ddp-detail-more {padding:5px 0; border-bottom:1px solid #e7e7ea;}
.ddp-ui-layer-box .ddp-dl-more {padding:5px 16px;}
.ddp-ui-layer-box .ddp-dl-more dt {color:#90969f; font-size:12px; font-weight:300;}
.ddp-ui-layer-box .ddp-dl-more dd {display:block; padding-top:4px; color:#4b515b; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-layer-box .ddp-btn-info.ddp-type {position:absolute; top:18px; right:13px; cursor:pointer;}
.ddp-wrap-layer {border-top:1px solid #e7e7ea; padding:3px 0;}
.ddp-wrap-layer .ddp-area-toggle {padding:2px 15px 5px 15px;}
.ddp-wrap-layer .ddp-list-buttons li[class*="ddp-col-"] {min-width:auto;}
ul.ddp-list-layer-option.type-option li a {border-top:none; padding:6px 14px 6px 35px;}
ul.ddp-list-layer-option.type-option .ddp-data-result {margin-left:20px;max-width:93px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.ddp-list-layer-option li {padding:0 !important; position:relative;}
ul.ddp-list-layer-option li.ddp-disabled:hover {background:none !important;;}
ul.ddp-list-layer-option li.ddp-disabled:before {display:inline-block;position:absolute; top:0; left:0; right:0;bottom:0; z-index:1; cursor: no-drop; content:''; }
ul.ddp-list-layer-option li.ddp-disabled > a {opacity:0.5; }
ul.ddp-list-layer-option li a {display:block; position:relative; padding:10px 16px; font-size:13px; color:#4b515b; border-top:1px solid #e7e7ea;}
ul.ddp-list-layer-option li:hover,
ul.ddp-list-layer-option li.ddp-hover {background:#f6f6f7 !important;}

ul.ddp-list-layer-option li:hover .ddp-ui-2depth {display:block;}
ul.ddp-list-layer-option li:hover {background-color:#f6f6f7}
ul.ddp-list-layer-option li:first-of-type > a {border-top:none;}
ul.ddp-list-layer-option li a .ddp-label-toggle {margin:-10px -16px; padding:10px 16px; display:block; color:#4b515b; font-size:13px; cursor: pointer;}
ul.ddp-list-layer-option li a .ddp-txt-data {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.ddp-list-layer-option li a .ddp-label-toggle input[type="checkbox"] {opacity:0;position:absolute; top:0; left:0;}
ul.ddp-list-layer-option li a .ddp-label-toggle span.ddp-txt-toggle {float:right;}
ul.ddp-list-layer-option li a .ddp-label-toggle span.ddp-txt-toggle:before {display:inline-block; content:'Off'; color:#b7b9c2; font-size:11px;}
ul.ddp-list-layer-option li a .ddp-label-toggle input[type="checkbox"]:checked + span.ddp-txt-toggle:before {content:'On'; color:#666fad;}
ul.ddp-list-layer-option li a .ddp-label-toggle span.ddp-txt-toggle i.ddp-icon-checked {display:inline-block; width:11px; height:8px; margin-left:4px; background:url(../../images/icon_select2.png) no-repeat; background-position:-36px top;}
ul.ddp-list-layer-option li a .ddp-label-toggle input[type="checkbox"]:checked + span.ddp-txt-toggle i.ddp-icon-checked {background-position:-12px top;}
ul.ddp-list-layer-option li a .ddp-btn-info {float:right;}
ul.ddp-list-layer-option li a .ddp-data-result {float:right; position:relative; top:0; padding-right:13px; min-height:14px;color:#90969f; font-size:11px;}
ul.ddp-list-layer-option li a .ddp-data-result span.ddp-txt-result {display:inline-block; max-width:90px; color:#90969f; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; vertical-align: middle;}
ul.ddp-list-layer-option.type-sub-down li a .ddp-data-result em.ddp-icon-view {display:inline-block; position:absolute; top:50%; right:0; width:4px; height:8px; margin:-4px 0 0 0; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -40px; vertical-align: middle;}
ul.ddp-list-layer-option.type-sub-down li a .ddp-data-result em.ddp-icon-view {transform:rotate(90deg); right:2px;}
ul.ddp-list-layer-option.type-sub-down li:hover a .ddp-data-result em.ddp-icon-view.type-down {transform:rotate(-90deg);}
ul.ddp-list-layer-option.type-sub-down li .ddp-ui-layer-sub {position:absolute; top:100%; right:-10px; left:auto; z-index:1}
ul.ddp-list-layer-option li ul.ddp-list-popup li a em.ddp-icon-view {transform:rotate(0);}
ul.ddp-list-layer-option li a .ddp-data-result em.ddp-btn-option {margin-left:3px; margin-right:-3px;vertical-align: middle;}
ul.ddp-list-layer-option li a .ddp-data-result.ddp-type {color:#666eb2;}

ul.ddp-list-layer-option li .ddp-ui-layer-sub  {display:none; position:absolute; top:-20px; left:100%; padding:10px 0;min-width:162px; border:1px solid #ddd; background-color:#fff; box-shadow:-1px 2px 3px 1px #dcdfe1;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub .ddp-label {color:#b6b9c2; font-weight:bold;}

ul.ddp-list-layer-option li:hover .ddp-ui-layer-sub,
ul.ddp-list-layer-option li.ddp-hover .ddp-ui-layer-sub {display:block;}
ul.ddp-list-layer-option li:hover .ddp-ui-layer-sub .ddp-wrap-layer {padding:0;}
ul.ddp-list-layer-option li:hover .ddp-ui-layer-sub .ddp-ui-layer-sub,
ul.ddp-list-layer-option li.ddp-hover .ddp-ui-layer-sub .ddp-ui-layer-sub {display:none;}
ul.ddp-list-layer-option li:hover .ddp-ui-layer-sub ul li:hover .ddp-ui-layer-sub,
ul.ddp-list-layer-option li.ddp-hover .ddp-ui-layer-sub ul li.ddp-hover .ddp-ui-layer-sub  {display:block;}

ul.ddp-list-layer-option li .ddp-ui-layer-sub.ddp-type {min-width:210px;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub ul.ddp-list-popup {padding:0;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub ul.ddp-list-popup li a {display:block; padding:5px 30px 5px 15px; border-top:none;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub ul.ddp-list-popup li a .ddp-btn-option {position:absolute; top:50%; right:10px; margin-top:-7px;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub ul.ddp-list-popup li a .ddp-data-info {position:relative; top:1px; float:right; margin-right:18px;color:#b7b9c2; font-size:11px;}

ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting {width:200px;padding:10px 15px;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .ddp-ui-layer-title {padding:5px 0; font-size:13px; color:#4b515b; font-weight:normal;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .form-edit {padding:0 15px 0 15px;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .ddp-label-checkbox {margin:10px 0;}

ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting ul.ddp-list-selectbox li a {border-top:none;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .ddp-wrap-option-slider {padding:5px 0 0 0;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .ddp-wrap-option-slider .txt-slider {display:block; margin-bottom:5px;position:relative;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .ddp-wrap-option-slider  .ddp-divide2 {padding-top:5px;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .ddp-wrap-option-slider  .ddp-divide2 .ddp-list-label {padding-bottom:5px;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .form-preview {padding:10px 0;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .form-preview .ddp-list-label {margin-bottom:5px; font-size:13px; color:#4b515b;}
ul.ddp-list-layer-option li .ddp-ui-layer-sub.type-setting .form-preview .ddp-preview {padding:5px 0; color:#4b515b; font-size:12px; text-align:center; background-color:#eeeef0;}

.ddp-box-layer {width:208px; padding:10px 15px; box-sizing:border-box; overflow:hidden;}
.ddp-box-layer .ddp-btn-solid {float:right; padding:6px 5px; min-width:49%; margin-top:7px; color:#fff; box-sizing:border-box;}
.ddp-box-layer .ddp-btn-line {float:left; padding:6px 5px; min-width:49%; margin-top:7px; color:#90969f; border:1px solid #d0d1d7; box-sizing:border-box;}

.ddp-ui-layer-sub .ddp-ui-layer-title {padding:5px 15px; margin-top:10px; color:#b7b9c2; font-weight:bold;}
.ddp-ui-layer-sub .ddp-ui-layer-title:first-of-type {margin-top:0;}

/**********************************************************************************
	차트 (기본차트선택)
**********************************************************************************/
.ddp-ui-chart-basic {text-align:center;}
.ddp-ui-chart-basic .ddp-ui-info {display:block; padding:100px 0 50px 0; font-size:22px; text-align:center; color:#4b515b;}
ul.ddp-list-chart-type {display:inline-block; width:494px;}
ul.ddp-list-chart-type li {float:left; width:20%; padding-bottom:19px;}
ul.ddp-list-chart-type li a {display:block; height:92px;}
ul.ddp-list-chart-type li a .ddp-txt-name {display:block; padding-top:7px; color:#4b515b; font-size:13px; white-space:nowrap;}
ul.ddp-list-chart-type li a:hover em[class*="ddp-img-graph-"]:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(75,81,91,0.1);}
ul.ddp-list-chart-type li.ddp-selected a em[class*="ddp-img-graph-"] {opacity:1;}
ul.ddp-list-chart-type li.ddp-selected a em[class*="ddp-img-graph-"]:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(102,110,178,0.3); border:2px solid #666eb2;}
em[class*="ddp-img-graph-"] {display:inline-block; position:relative; width:78px; height:70px; background:url(../../images/img_graph.png); opacity:0.8;}
ul.ddp-list-chart-type li.ddp-recommend a em[class*="ddp-img-graph-"] {opacity:1;}
em.ddp-img-graph-txt {background-position:-79px 0;}
em.ddp-img-graph-line {background-position:-158px 0;}
em.ddp-img-graph-scatter {background-position:-237px 0;}
em.ddp-img-graph-heatmap {width:79px; background-position:-316px 0;}
em.ddp-img-graph-pie {background-position:-396px 0;}
em.ddp-img-graph-map {background-position:-475px 0;}
em.ddp-img-graph-cont { background-position:-554px 0;}
em.ddp-img-graph-kpi {width:79px; background-position:-633px 0;}
em.ddp-img-graph-boxplot {background-position:-713px 0;}
em.ddp-img-graph-waterfall {background-position:-792px 0;}
em.ddp-img-graph-wordcloud {background-position:-871px 0;}
em.ddp-img-graph-combo {width:79px; background-position:-950px 0;}
em.ddp-img-graph-treemap {background-position:-1030px 0;}
em.ddp-img-graph-radar {background-position:-1109px 0;}
em.ddp-img-graph-network {background-position:-1188px 0;}
em.ddp-img-graph-sankey {background-position:-1267px 0;}
em.ddp-img-graph-gauge {background-position:-1346px 0;}

ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-bar,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-bar {background-position:left -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-txt,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-txt {background-position:-79px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-line,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-line {background-position:-158px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-scatter,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-scatter {background-position:-237px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-heatmap,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-heatmap {background-position:-316px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-pie,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-pie {background-position:-396px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-map,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-map {background-position:-475px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-cont,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-cont {background-position:-554px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-kpi,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-kpi {background-position:-633px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-boxplot,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-boxplot {background-position:-713px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-waterfall,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-waterfall {background-position:-792px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-wordcloud,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-wordcloud {background-position:-871px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-combo,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-combo {background-position:-950px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-treemap,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-treemap {background-position:-1030px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-radar,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-radar {background-position:-1109px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-network,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-network {background-position:-1188px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-sankey,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-sankey {background-position:-1267px -71px;}
ul.ddp-list-chart-type li.ddp-recommend a em.ddp-img-graph-gauge,
ul.ddp-list-chart-type li.ddp-selected a em.ddp-img-graph-gauge {background-position:-1346px -71px;}

em[class*="ddp-s-graph-"] {display:inline-block; position:relative; width:72px; height:62px; background:url(../../images/img_graph_s.png); opacity:0.8;}
ul.ddp-list-chart-img li a {display:block; position:relative;}
ul.ddp-list-chart-img li a:before {display:inline-block; position:absolute; top:0; left:50%; margin-left:-36px; content:''; width:72px; height:62px; background-color:#fff;}
ul.ddp-list-chart-img li.ddp-recommend a em[class*="ddp-s-graph-"],
ul.ddp-list-chart-img li.ddp-selected a em[class*="ddp-s-graph-"] {opacity:1;}
em.ddp-s-graph-bar {}
em.ddp-s-graph-txt {background-position:-73px 0;}
em.ddp-s-graph-line {background-position:-146px 0;}
em.ddp-s-graph-scatter {background-position:-219px 0;}
em.ddp-s-graph-heatmap {background-position:-292px 0;}
em.ddp-s-graph-pie {background-position:-365px 0;}
em.ddp-s-graph-map {background-position:-438px 0;}
em.ddp-s-graph-cont {background-position:-511px 0;}
em.ddp-s-graph-kpi {background-position:-584px 0;}
em.ddp-s-graph-boxplot {background-position:-657px 0;}
em.ddp-s-graph-waterfall {background-position:-730px 0;}
em.ddp-s-graph-wordcloud {background-position:-803px 0;}
em.ddp-s-graph-combo {background-position:-876px 0;}
em.ddp-s-graph-treemap {background-position:-949px 0;}
em.ddp-s-graph-radar {background-position:-1022px 0;}
em.ddp-s-graph-network {background-position:-1095px 0;}
em.ddp-s-graph-sankey {background-position:-1168px 0;}
em.ddp-s-graph-gauge {background-position:-1241px 0;}

ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-bar,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-bar {background-position:0 -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-txt,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-txt {background-position:-73px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-line,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-line {background-position:-146px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-scatter,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-scatter {background-position:-219px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-heatmap,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-heatmap {background-position:-292px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-pie,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-pie {background-position:-365px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-map,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-map {background-position:-438px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-cont,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-cont {background-position:-511px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-kpi,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-kpi {background-position:-584px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-boxplot,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-boxplot {background-position:-657px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-waterfall,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-waterfall {background-position:-730px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-wordcloud,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-wordcloud {background-position:-803px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-combo,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-combo {background-position:-876px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-treemap,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-treemap  {background-position:-949px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-radar,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-radar {background-position:-1022px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-network,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-network {background-position:-1095px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-sankey,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-sankey {background-position:-1168px -63px;}
ul.ddp-list-chart-img li.ddp-recommend a em.ddp-s-graph-gauge,
ul.ddp-list-chart-img li.ddp-selected a em.ddp-s-graph-gauge {background-position:-1241px -63px;}

.ddp-ui-chart-list {position:relative; padding:22px 0 133px 0; text-align:center;}
.ddp-ui-chart-list ul.ddp-list-chart-img {display:inline-block; width:225px; overflow:hidden;}
.ddp-ui-chart-list ul.ddp-list-chart-img li {float:left; width:33.3333%; padding-bottom:3px;text-align:center;}
.ddp-ui-chart-list ul.ddp-list-chart-img li a:hover em[class*="ddp-s-graph"]:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(75,81,91,0.1);}
.ddp-ui-chart-list ul.ddp-list-chart-img li.ddp-selected a em[class*="ddp-s-graph"]:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(102,110,178,0.3); border:2px solid #666eb2;}
.ddp-ui-chart-list .ddp-ui-chart-info {position:absolute; bottom:0; left:0; padding:0 22px; margin-bottom:20px; text-align:left;}
.ddp-ui-chart-list .ddp-ui-chart-info .ddp-ui-name {display:block; padding:15px 0 10px 0; color:#fff; font-weight:bold; font-size:14px; text-align:left;}
.ddp-ui-chart-list .ddp-ui-chart-info .ddp-data-det {height:72px; line-height:24px; color:#b7b9c2; font-size:12px;}

/**********************************************************************************
	차트 (레이아웃)
**********************************************************************************/
.ddp-wrap-chart-layout {width:100%; height:100%; padding:0 30px;box-sizing:border-box;}
.ddp-ui-cahrt-layout {position:relative; height:100%;}
.ddp-wrap-chart-layout [class*="ddp-box-layout"] {margin:0 -30px;}

.ddp-box-layout3 .ddp-ui-layout-left {position:absolute; top:0; bottom:0; left:0; width:25%; border-right:1px solid #e7e7ea; box-sizing:border-box;}
.ddp-box-layout3 .ddp-ui-layout-bottom {position:absolute; left:0; right:0; bottom:0; height:30%; border-top:1px solid #e7e7ea; box-sizing:border-box;}
.ddp-box-layout3 .ddp-ui-layout-center {position:absolute; top:0; left:25%; bottom:30%; right:0;}
.ddp-box-layout3 .ddp-ui-layout-bottom .ddp-ui-condition {margin-left:25%;}

.ddp-box-layout2 .ddp-ui-layout-bottom {position:absolute; left:0; right:0; bottom:0; height:30%; border-top:1px solid #e7e7ea; box-sizing:border-box;}
.ddp-box-layout2 .ddp-ui-layout-center {position:absolute; top:0; left:0; right:0; height:70%;}
.ddp-box-layout1  .ddp-ui-layout-center {position:absolute; top:0; left:0; right:0; bottom:0;}

.ddp-ui-cahrt-layout .ddp-ui-condition {padding:18px 0 0 20px;}
.ddp-ui-cahrt-layout .ddp-ui-condition span.ddp-txt-measure {color:#55c08b; font-size:13px; font-style:italic;}
.ddp-ui-cahrt-layout .ddp-ui-condition span.ddp-txt-dimension {color:#5492e4; font-size:13px; font-style:italic;}
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-columns2,
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-rows2,
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-cross2,
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-source,
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-target,
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-link  {display:inline-block; margin-right:8px; background:url(../../images/icon_shelf.png) no-repeat; opacity:0.15; vertical-align: middle;}
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-columns2 {width:28px; height:26px; background-position:left -32px;}
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-rows2 {width:28px; height:26px; background-position:left -90px; }
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-cross2 {width:31px; height:30px; background-position:left -59px;}

.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-source {width:31px; height:31px; background-position:left -117px; opacity:1;}
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-target {width:31px; height:31px; background-position:left -150px; opacity:1;}
.ddp-ui-cahrt-layout .ddp-ui-condition .ddp-icon-link {width:31px; height:31px; background-position:left -181px; opacity:1;}

em[class*="ddp-bg-chart-"] {display:inline-block; position:absolute; top:50%; left:50%; opacity:0.2;}
.ddp-bg-chart-bar {background:url(../../images/img_chart/img_bar.png) no-repeat; width:421px; height:386px; margin:-193px 0 0 -210px;}
.ddp-bg-chart-boxplot {background:url(../../images/img_chart/img_boxplot.png) no-repeat; width:329px; height:303px; margin:-152px 0 0 -165px;}
.ddp-bg-chart-combo {background:url(../../images/img_chart/img_combo.png) no-repeat; width:338px; height:319px; margin:-159px 0 0 -169px;}
.ddp-bg-chart-cont {background:url(../../images/img_chart/img_cont.png) no-repeat; width:376px; height:257px; margin:-129px 0 0 -189px;;}
.ddp-bg-chart-heatmap {background:url(../../images/img_chart/img_heatmap.png) no-repeat; width:292px; height:293px; margin:-147px 0 0 -146px;}
.ddp-bg-chart-kpi {background:url(../../images/img_chart/img_kpi.png) no-repeat; width:306px; height:307px; margin:-154px 0 0 -153px;}
.ddp-bg-chart-line {background:url(../../images/img_chart/img_line.png) no-repeat; width:358px; height:246px; margin:-123px 0 0 -179px;}
.ddp-bg-chart-map {background:url(../../images/img_chart/img_map.png) no-repeat; width:308px; height:308px; margin:-154px 0 0 -154px;}
.ddp-bg-chart-network {background:url(../../images/img_chart/img_network.png) no-repeat; width:320px; height:329px; margin:-165px 0 0 -160px;}
.ddp-bg-chart-pie {background:url(../../images/img_chart/img_pie.png) no-repeat; width:326px; height:322px; margin:-166px 0 0 -168px;}
.ddp-bg-chart-randar {background:url(../../images/img_chart/img_randar.png) no-repeat; width:328px; height:296px; margin:-148px 0 0 -164px;}
.ddp-bg-chart-scatter {background:url(../../images/img_chart/img_scatter.png) no-repeat; width:368px; height:318px; margin:-159px 0 0 -184px;}
.ddp-bg-chart-table {background:url(../../images/img_chart/img_table.png) no-repeat; width:309px; height:311px; margin:-155px 0 0 -155px;}
.ddp-bg-chart-treemap {background:url(../../images/img_chart/img_treemap.png) no-repeat; width:301px; height:273px; margin:-137px 0 0 -150px;}
.ddp-bg-chart-waterfall {background:url(../../images/img_chart/img_waterfall.png) no-repeat; width:319px; height:275px; margin:-138px 0 0 -160px;}
.ddp-bg-chart-wordcloud {background:url(../../images/img_chart/img_wordcloud.png) no-repeat; width:395px; height:250px; margin:-125px 0 0 -198px;}
.ddp-bg-chart-sankey {background:url(../../images/img_chart/img_sankey.png) no-repeat; width:335px; height:307px; margin:-153px 0 0 -168px;}
.ddp-bg-chart-gauge  {background:url(../../images/img_chart/img_gauge.png) no-repeat; width:373px; height:294px; margin:-147px 0 0 -187px;}

/**********************************************************************************
	차트 (그래프 메인)
**********************************************************************************/
.page-chart .ddp-ui-chart-main .ddp-ui-chart-area .ddp-top-control {position:absolute; top:0; right:0;}
.page-chart .ddp-ui-chart-main .ddp-ui-chart-area .ddp-top-control .ddp-box-btn2 {float:left; cursor:pointer;}
.page-chart .ddp-ui-chart-main .ddp-ui-chart-area .ddp-top-control .ddp-icon-widget-info2 {float:left; position:relative; width:25px; height:25px; font-size:0; border-radius:2px; box-sizing:border-box; border:1px solid #cdd8f4; background-color:#f0f3fc;}

.page-chart .ddp-ui-chart-main .ddp-ui-chart-area .ddp-top-control .ddp-icon-widget-info2:before {display:inline-block; position:absolute ;top:50%; left:50%; margin:-7px 0 0 -8px; width:15px; height:14px; background:url(../../images/icon_widget.png) no-repeat; background-position:-16px -244px; content:'';}

.page-chart .ddp-ui-chart-main .ddp-ui-chart-area .ddp-top-control .ddp-box-btn2:hover .ddp-box-info.ddp-limitation {display:block;}
.page-chart .ddp-ui-chart-main .ddp-ui-chart-area .ddp-top-control .ddp-box-btn2:hover .ddp-box-info.ddp-limitation .ddp-total {display:block; padding-bottom:4px;}
.page-chart .ddp-ui-chart-main .ddp-ui-chart-area .ddp-top-control .ddp-box-btn2:hover .ddp-box-info.ddp-limitation .ddp-total strong {display:block;}
.page-chart .ddp-ui-chart-main .ddp-ui-chart-area .ddp-top-control   .ddp-box-info.ddp-limitation {display:none; position:absolute; top:100%; right:0; padding:6px 10px; width:240px; border-radius:3px; background-color:#7182ba; color:#fff; box-sizing:border-box; z-index:1000;}

.ddp-ui-chart-main .ddp-ui-top {display:none;height:50px;position:relative; z-index:60;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name {position:relative; padding-right:10px; padding-left:38px; margin-top:16px; color:#4b515b; font-size:14px; box-sizing:border-box; overflow:hidden;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-icon-tool-title {position:absolute; top:6px; left:20px;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-data-name {display:inline-block; width:100%; height:22px; position:relative; padding:3px 3px 3px 3px; color:#4b515b; font-size:14px; vertical-align: middle; cursor: pointer;; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:100%; box-sizing:border-box;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-data-name:hover {padding-right:22px; background-color:#f1f1f2;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-data-name em.ddp-icon-edit2 {display:none; position:absolute; top:6px; right:8px;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-data-name:hover em.ddp-icon-edit2 {display:block;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-data-name em.ddp-icon-edit2:hover {background-position:left top;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-input-name {display:none; position:absolute; top:0; left:0; right:0; bottom:0; padding-right:23px; box-sizing:border-box;}
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name.ddp-selected .ddp-input-name {display:block; }
.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-input-name input {display:inline-block; padding:3px 3px 3px 3px; width:100%; color:#4b515b; font-size:14px; border:none; background-color:#f1f1f2; box-sizing:border-box;}

.ddp-ui-chart-main .ddp-ui-top .ddp-ui-name .ddp-input-name .ddp-btn-check {display:inline-block; position:absolute; top:0; right:0;}
.ddp-ui-chart-main .ddp-ui-control {float:right; padding:14px 10px 0 0;}
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-part {float:left; position:relative; padding:0 10px;}
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-part:before {display:inline-block; content:''; position:absolute; top:7px; left:0; height:12px; border-left:1px solid #dbdce0;}
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-part:first-of-type:before{display:none;}
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-part .ddp-box-btn-hover {float:Left; margin-left:1px;}
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-part em.ddp-icon-widget-gridsave,
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-part em.ddp-icon-widget-save{position:relative; width:21px; height:19px;}
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-part em.ddp-icon-widget-gridsave:before,
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-part em.ddp-icon-widget-save:before {position:absolute; top:50%; left:50%; margin:-6px 0 0 -7px;}
.ddp-ui-chart-main .ddp-ui-control .ddp-ui-btnview {float:left; position:relative; top:3px; margin-left:5px;}
.ddp-ui-chart-main .ddp-ui-control .ddp-box-btn2 {float:left; position:relative; top:3px; margin-left:5px;}
.ddp-box-btnselect {float:left;}
.ddp-box-btnselect a.ddp-btn-selected {display:inline-block; padding:5px 10px 6px 10px; margin:0 4px; text-align:center; font-size:12px; color:#4b515b; border-radius:2px; border:1px solid #f7f7f8; background-color:#f7f7f8;}
.ddp-box-btnselect a.ddp-btn-selected:hover {background-color:#dbdce1;}
.ddp-box-btnselect a.ddp-btn-selected.ddp-selected {border:1px solid #4b515b; background-color:#fff; color:#4c515a;}
.ddp-box-btnselect a.ddp-btn-selected em.ddp-icon-tool-legend {background-position:left -14px; vertical-align: middle;}
.ddp-box-btnselect a.ddp-btn-selected em.ddp-icon-tool-minimap {background-position:left -26px; vertical-align: middle;}

.ddp-box-btnselect .ddp-list-buttons {display:inline-block; vertical-align:middle;}
.ddp-box-btn-hover {border:1px solid #fff; background-color:#fff; cursor:pointer; box-sizing:border-box;}
.ddp-box-btn-hover:hover {border:1px solid #ddd;}
.ddp-box-btn-hover a.ddp-btn-tool {display:none; position:relative; width:24px; height:23px;}
.ddp-box-btn-hover a.ddp-btn-tool.ddp-selected {background-color:#f2f1f8;}
.ddp-box-btn-hover a.ddp-btn-tool:first-of-type {display:block;}
.ddp-box-btn-hover:hover a.ddp-btn-tool {display:block;}
.ddp-box-btn-hover a.ddp-btn-tool:hover {background-color:#eeeeee;}
.ddp-box-btn-hover a.ddp-btn-tool em[class*="ddp-icon-tool-"] {position:absolute; top:50%; left:50%;}

.ddp-box-btn-hover a.ddp-btn-tool em.ddp-icon-tool-pointer {margin:-6px 0 0 -6px;}
.ddp-box-btn-hover a.ddp-btn-tool em.ddp-icon-tool-elliptical {margin:-7px 0 0 -7px;}
.ddp-box-btn-hover a.ddp-btn-tool em.ddp-icon-tool-freeshape {margin:-6px 0 0 -7px;}
.ddp-box-btn-hover a.ddp-btn-tool em.ddp-icon-tool-rectangular {margin:-7px 0 0 -7px;}
.ddp-box-btn-hover a.ddp-btn-tool em.ddp-icon-tool-zoomin {margin:-7px 0 0 -6px;}
.ddp-box-btn-hover a.ddp-btn-tool em.ddp-icon-tool-zoomout {margin:-7px 0 0 -7px;}
.ddp-box-btn-hover a.ddp-btn-tool em.ddp-icon-tool-revert {margin:-7px 0 0 -5px;}

.ddp-ui-chart-main .ddp-ui-chart-area {position:absolute; top:10px; left:0; right:0; bottom:0; padding:20px 20px 40px 20px;}
.ddp-ui-chart-main .ddp-ui-chart-area.ddp-sankey {padding:20px;}
.ddp-ui-chart-main .ddp-ui-chart-area.ddp-sankey .ddp-txt-detail {position:absolute; top:0; left:20px; font-size:12px;}
.ddp-ui-chart-main .ddp-ui-chart-area.ddp-sankey .ddp-chart-in {width:100%; height:100%;}
.ddp-wrap-graph-kpi {display:table; table-layout:fixed;width:100%; height:100%; overflow:hidden; font-size:12px; border:1px solid #f2f2f4; vertical-align: middle;}
.ddp-view-data-kpi {display:table-cell; position:relative; width:100%; height:100%; padding:10px 20px; box-sizing:border-box;vertical-align: middle; text-align:center; border-collapse: collapse}
.ddp-view-data-kpi[class*="ddp-color"] {border-left:1px solid #f2f2f4;}
.ddp-view-data-kpi[class*="ddp-color"]:first-of-type {border-left:none;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi {display:block; width:100%;text-align:center;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi img[class*="ddp-icon-img"] {width:50%;}

.ddp-wrap-graph-kpi .ddp-wrap-data-kpi span.ddp-txt-title {display:block; width:100%; color:#4b515b; font-size:14px; opacity:0.7; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-result {display:block; width:100%; padding:5px 0 5px 0; font-size:32px; color:#4b515b; text-align:center; line-height:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-result em {font-size:28px;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-result2 {display:block; padding-top:10px;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-result.ddp-up {color:#08b496;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-result2.ddp-up {color:#4c92e1;}

.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-result3 {display:none; font-size:15px;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi [class*=ddp-data-result].ddp-down {color:#dc685e; }
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi [class*=ddp-data-result].ddp-plus {color:#dc685e;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi [class*=ddp-data-result].ddp-minus {color:#08b496}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi [class*=ddp-data-result].ddp-down:before {display:inline-block; margin-right:5px; content:'▼';}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi [class*=ddp-data-result].ddp-up:before {display:inline-block; margin-right:5px; content:'▼'; transform:rotate(180deg);}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi [class*=ddp-data-result].ddp-plus:before {display:inline-block; margin-right:5px; content:'+';}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi [class*=ddp-data-result].ddp-minus:before {display:inline-block; margin-right:5px; content:'-';}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-img-kpi {display:inline-block; margin-bottom:7px; padding:10px 5px; width:63px; border-radius:50%; background-color:#fff;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-calen {display:block; position:absolute; bottom:12px; left:0; right:0; text-align:center; color:#90969f; font-size:12px;}
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-value {display:block;font-size:20px; color:#4b515b; }
.ddp-wrap-graph-kpi .ddp-wrap-data-kpi .ddp-data-result2 {color:#4b515b; font-size:15px;}

.ddp-wrap-graph-kpi.ddp-size-m .ddp-wrap-data-kpi .ddp-data-result,
.ddp-wrap-graph-kpi.ddp-size-m .ddp-wrap-data-kpi .ddp-data-result:before {font-size:28px;}
.ddp-wrap-graph-kpi.ddp-size-m .ddp-wrap-data-kpi .ddp-data-result em {font-size:23px;}
.ddp-wrap-graph-kpi.ddp-size-m .ddp-wrap-data-kpi span.ddp-txt-title {font-size:13px;}
.ddp-wrap-graph-kpi.ddp-size-m .ddp-wrap-data-kpi .ddp-data-result2 {font-size:13px;}
.ddp-wrap-graph-kpi.ddp-size-m .ddp-wrap-data-kpi .ddp-data-calen {font-size:10px;}
.ddp-wrap-graph-kpi.ddp-size-m .ddp-wrap-data-kpi .ddp-data-value {font-size:16px;}

.ddp-wrap-graph-kpi.ddp-size-s .ddp-wrap-data-kpi .ddp-data-result {font-size:24px}
.ddp-wrap-graph-kpi.ddp-size-s .ddp-wrap-data-kpi .ddp-data-result:before {font-size:19px;}
.ddp-wrap-graph-kpi.ddp-size-s .ddp-wrap-data-kpi .ddp-data-result em {font-size:20px;}
.ddp-wrap-graph-kpi.ddp-size-s .ddp-wrap-data-kpi span.ddp-txt-title {font-size:10px;}
.ddp-wrap-graph-kpi.ddp-size-s .ddp-wrap-data-kpi .ddp-data-result2 {font-size:13px;}
.ddp-wrap-graph-kpi.ddp-size-s .ddp-wrap-data-kpi .ddp-data-calen {font-size:9px;}
.ddp-wrap-graph-kpi.ddp-size-s .ddp-wrap-data-kpi .ddp-data-value {font-size:14px;}

.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi {display:table-row;  width:100%; height:auto; box-sizing:border-box;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi:before {content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;}
.ddp-wrap-graph-kpi.ddp-type .ddp-wrap-data-kpi {display:table-cell; width:100%; text-align:center; vertical-align: middle;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi:last-of-type .ddp-wrap-data-kpi {border-bottom:none;}
.ddp-wrap-graph-kpi.ddp-type .ddp-wrap-data-kpi span.ddp-txt-title {display:inline-block; width:inherit; vertical-align:top;}
.ddp-wrap-graph-kpi.ddp-type .ddp-wrap-data-kpi span.ddp-data-result {display:inline-block; width:inherit;}
.ddp-wrap-graph-kpi.ddp-type .ddp-wrap-data-kpi span.ddp-data-result em {font-size:28px;}
.ddp-wrap-graph-kpi.ddp-type .ddp-wrap-data-kpi .ddp-summary { text-align:left;}
.ddp-wrap-graph-kpi.ddp-type .ddp-wrap-data-kpi .ddp-summary * {white-space:normal; text-overflow:inherit;}
.ddp-wrap-graph-kpi.ddp-type .ddp-area-data-kpi {display:inline-block; position:relative;padding-right:78px; }
.ddp-wrap-graph-kpi.ddp-type .ddp-area-data-kpi.ddp-img-none {padding-right:0;}
.ddp-wrap-graph-kpi.ddp-type .ddp-area-data-kpi.ddp-img-none .ddp-img-kpi {display:none;}

.ddp-wrap-graph-kpi.ddp-type .ddp-area-data-kpi .ddp-img-kpi {position:absolute; top:50%; right:0; margin:-36px 0 0 0;}
.ddp-wrap-graph-kpi.ddp-type .ddp-area-data-kpi .ddp-data-calen {position:relative; left:0; bottom:0; margin-top:10px; text-align:left;}
.ddp-wrap-graph-kpi.ddp-type .ddp-area-data-kpi .ddp-data-result2 {display:none;}
.ddp-wrap-graph-kpi.ddp-type .ddp-area-data-kpi .ddp-data-result3 {display:inline-block; margin-left:5px;}
.ddp-view-data-kpi.ddp-solid {background-color:#fff;}
.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-solid[class*="ddp-color"] * {color:#fff;}
.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-color1.ddp-solid {background-color:#58b5da;}
.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-color2.ddp-solid {background-color:#3f72c1;}
.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-color3.ddp-solid {background-color:#8d6dd2;}
.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-color4.ddp-solid {background-color:#fc79ac;}

.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-color5.ddp-solid {background-color:#fb7661;}
.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-color6.ddp-solid {background-color:#fbb700;}
.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-color7.ddp-solid {background-color:#97cb63;}
.ddp-wrap-graph-kpi .ddp-view-data-kpi.ddp-color8.ddp-solid {background-color:#54b2ae;}

.ddp-view-data-kpi {border-top:3px solid #fff;}
.ddp-view-data-kpi.ddp-color1 {border-top:3px solid #58b5da;}
.ddp-view-data-kpi.ddp-color2 {border-top:3px solid #3f72c1;}
.ddp-view-data-kpi.ddp-color3 {border-top:3px solid #8d6dd2;}
.ddp-view-data-kpi.ddp-color4 {border-top:3px solid #fc79ac;}
.ddp-view-data-kpi.ddp-color5 {border-top:3px solid #fb7661;}
.ddp-view-data-kpi.ddp-color6 {border-top:3px solid #fbb700;}
.ddp-view-data-kpi.ddp-color7 {border-top:3px solid #97cb63;}
.ddp-view-data-kpi.ddp-color8 {border-top:3px solid #54b2ae;}

.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi .ddp-wrap-data-kpi {border-top:3px solid #fff; border-bottom:1px solid #ddd;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi[class*="ddp-color"] .ddp-wrap-data-kpi {border-bottom:none;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi.ddp-color1 .ddp-wrap-data-kpi {border-top:3px solid #58b5da;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi.ddp-color2 .ddp-wrap-data-kpi {border-top:3px solid #3f72c1;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi.ddp-color3 .ddp-wrap-data-kpi {border-top:3px solid #8d6dd2;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi.ddp-color4 .ddp-wrap-data-kpi {border-top:3px solid #fc79ac;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi.ddp-color5 .ddp-wrap-data-kpi {border-top:3px solid #fb7661;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi.ddp-color6 .ddp-wrap-data-kpi {border-top:3px solid #fbb700;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi.ddp-color7 .ddp-wrap-data-kpi {border-top:3px solid #97cb63;}
.ddp-wrap-graph-kpi.ddp-type .ddp-view-data-kpi.ddp-color8 .ddp-wrap-data-kpi {border-top:3px solid #54b2ae;}

.ddp-view-data-kpi.ddp-color1 .st0 {stroke:#58b5da; fill: #58b5da;}
.ddp-view-data-kpi.ddp-color2 .st0 {stroke:#3f72c1; fill: #3f72c1;}
.ddp-view-data-kpi.ddp-color3 .st0 {stroke:#8d6dd2; fill: #8d6dd2;}
.ddp-view-data-kpi.ddp-color4 .st0 {stroke:#fc79ac; fill: #fc79ac;}
.ddp-view-data-kpi.ddp-color5 .st0 {stroke:#fb7661; fill: #fb7661;}
.ddp-view-data-kpi.ddp-color6 .st0 {stroke:#fbb700; fill: #fbb700;}
.ddp-view-data-kpi.ddp-color7 .st0 {stroke:#97cb63; fill: #97cb63;}
.ddp-view-data-kpi.ddp-color8 .st0 {stroke:#54b2ae; fill: #54b2ae;}

/*.st0 {stroke-width:2;stroke-miterlimit:10; stroke:#4b515b; fill: #4b515b;}*/

/**********************************************************************************
	차트 (side)
**********************************************************************************/
.ddp-ui-chart-side .ddp-ui-side-title {position:relative; padding:16px 15px; font-size:16px; color:#565d65; font-weight:bold; border-bottom:1px solid #e5e6e8; z-index:3;}
.ddp-ui-chart-side .ddp-ui-side-title .ddp-icon-add {position:absolute; top:50%; right:15px; margin-top:-6px;}
.ddp-ui-chart-side .ddp-ui-side-title .ddp-icon-add:hover {background-position:left top; z-index:65;}
.ddp-ui-chart-side .ddp-ui-side-title .ddp-icon-add:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-chart-side .ddp-ui-side-title .ddp-icon-add .ddp-ui-tooltip-info {left:inherit; top:100%; right:-10px;}
.ddp-ui-chart-side .ddp-ui-side-title span.ddp-data-num {margin-left:3px;color:#b7b9c2; font-size:15px;}
.ddp-ui-chart-side .ddp-ui-side-title span.ddp-data-num em {color:#565d65;}
.ddp-ui-chart-side .ddp-ui-chart-side {position:absolute; top:0; left:0; right:0; bottom:0; overflow-x:hidden;}
.ddp-ui-chart-side .ddp-link-add {padding:18px 0; color:#b7b9c2; text-decoration: underline; text-align:center;}
.ddp-ui-chart-side .ddp-link-add a {color:#b7b9c2;}
.ddp-ui-chart-side .ddp-link-add a em.ddp-icon-add-r {position:relative; display:inline-block; width:13px; height:13px; margin-right:4px; border-radius:50%; border:1px solid #bebfc8; vertical-align: middle;}
.ddp-ui-chart-side .ddp-link-add a em.ddp-icon-add-r:before {display:inline-block; content:''; position:absolute; top:50%; left:50%; width:7px; height:7px; margin:-4px 0 0 -3px; background:url(../../images/btn_minus_plus.png) no-repeat; background-position:-8px -12px; }
.ddp-ui-chart-side .ddp-filter {position:absolute; top:0; left:0; right:0; bottom:0; overflow-y:auto;}
.ddp-ui-chart-side .ddp-filter::-webkit-scrollbar-track {background:#f7f7f8;}
.ddp-ui-chart-side .ddp-filter::-webkit-scrollbar-thumb {border:4px solid #f7f7f8;}

.ddp-ui-chart-side	.ddp-link-add {position:absolute; bottom:0; left:0; right:0;}
.ddp-box-down2 { margin:10px 0 0 15px; padding:10px 15px 10px 0; border-top:1px solid #e5e6e8;}
.ddp-box-down {position:relative; padding:6px 15px 10px 15px; border-bottom:1px solid #e5e6e8;}
.ddp-box-down .ddp-data-option {padding-bottom:13px;}
.ddp-box-down .ddp-txt-title {padding:7px 0 7px 0; color:#90969f; font-size:13px;}
.ddp-box-down .ddp-txt-title span.ddp-data-column-name {float:right;  font-size:12px; color:#4a515c;}
.ddp-box-down .ddp-ui-down-title {position:relative; margin:0 0 0 0; color:#90969f; font-size:13px;}
.ddp-box-down .ddp-label-checkbox span.ddp-txt-checkbox {font-size:12px;}
.ddp-box-down .ddp-wrap-option-multy .ddp-label-checkbox.ddp-size span.ddp-txt-checkbox {font-size:13px;}
.ddp-box-down .ddp-part-check-b .ddp-label-checkbox span.ddp-txt-checkbox {font-size:13px;}
.ddp-box-down .ddp-part-radio {padding:7px 0;}
.ddp-box-down .ddp-ui-point {position:relative; padding-right:30px;}
.ddp-box-down .ddp-ui-point .ddp-btn-column-add {position:absolute; top:5px; right:0; bottom:5px; width:26px; border-radius:2px; background-color:#90969f;}
.ddp-box-down .ddp-ui-point .ddp-btn-column-add:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; width:13px; height:13px; background:url(../../images/icon_column_add.png) no-repeat; content:'';}
.ddp-box-down .ddp-ui-point .ddp-point-local {padding:5px 0 5px 0;}
.ddp-box-down .ddp-ui-point .ddp-point-local .ddp-label-point {font-size:13px; color:#4b515b;}
.ddp-box-down .ddp-ui-point .ddp-point-local .ddp-box-data {display:Inline-block; position:relative; padding:5px 6px 6px 34px; width:100%; border-radius:2px; background-color:#eeeef1; white-space:nowrap; text-overflow:ellipsis; overflow:Hidden; box-sizing:border-box;}
.ddp-box-down .ddp-ui-point .ddp-point-local .ddp-box-data em[class*="ddp-icon-dimension-"],
.ddp-box-down .ddp-ui-point .ddp-point-local .ddp-box-data em[class*="ddp-icon-measure-"] {position:absolute; top:8px; left:12px;}

.ddp-box-down .ddp-ui-point .ddp-point-local .ddp-label-point {float:left; padding:5px 0;}

.ddp-ui-down-title .ddp-ui-buttons {float:right; margin-right:10px; background-color:#f7f7f8; cursor: default;}
.ddp-ui-down-title .ddp-ui-buttons em[class*="ddp-icon-"],
.ddp-ui-down-title .ddp-ui-buttons .ddp-wrap-datalock,
.ddp-ui-down-title .ddp-ui-buttons .ddp-wrap-datarecommend {float:left; margin-left:8px;}
.ddp-ui-down-title .ddp-ui-buttons em.ddp-icon-time,
.ddp-ui-down-title .ddp-ui-buttons em.ddp-icon-global-s {position:relative; top:1px;}
.ddp-ui-down-title .ddp-ui-buttons .ddp-wrap-popup2 em[class*="ddp-icon-"] {margin-left:0;}
.ddp-ui-down-title .ddp-wrap-morebutton .ddp-wrap-datalock {float:left;}
.ddp-ui-down-title .ddp-wrap-morebutton {float:left; position:relative; top:-1px;}
.ddp-ui-down-title .ddp-ui-label {display:inline-block; position:relative; max-width:100px; font-size:12px; color:#4b515b; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ddp-ui-down-title .ddp-ui-label em.ddp-icon-chart {display:inline-block; width:10px; height:11px; margin-right:5px; background:url(../../images/icon_chart.png) no-repeat;}

.ddp-ui-option-down .ddp-ui-down-title:before {display:inline-block; content:''; position:absolute; top:0; right:0; left:0; border-top:1px solid #e5e6e8; z-index:1;}
.ddp-ui-option-down:first-of-type .ddp-ui-down-title:before {display:none;}
.ddp-box-down .ddp-ui-down-title-in {padding-left:0;}
.ddp-ui-down-title-in {padding:16px 0 10px 15px; cursor: pointer; }
.ddp-ui-down-title-in .ddp-txt-in {display:block; position:relative; margin:-10px 0 -10px 0; padding:10px 0 10px 0; max-width:100%; box-sizing:border-box; overflow:hidden;}
.ddp-ui-down-title-in .ddp-txt-in.ddp-error {padding-right:18px;}
.ddp-ui-down-title-in .ddp-ui-info.ddp-info-error {position:absolute; top:10px; right:0; vertical-align:top; cursor:pointer;}
.ddp-ui-down-title-in .ddp-ui-info.ddp-info-error .ddp-box-layout4 {position:fixed; right:65px; top:0; left:inherit; margin-top:18px;width:230px; box-sizing:border-box; z-index:10;}
.ddp-wrap-chart .ddp-ui-chart-side.ddp-filter .ddp-ui-down-title-in span.ddp-txt-down-title{max-width:150px;}
.ddp-ui-down-title-in span.ddp-txt-down-title {display:block; overflow:hidden; max-width:100%; box-sizing:border-box;}
.ddp-ui-down-title-in span.ddp-txt-down-title span.ddp-data-name {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

.ddp-ui-filter-boardside.ddp-filter .ddp-ui-down-title-in span.ddp-txt-down-title .ddp-view-name .ddp-ui-info {position:absolute; top:0; right:0;}

.ddp-wrap-chart .ddp-ui-chart-side.ddp-filter .ddp-ui-down-title-in span.ddp-txt-down-title.ddp-type,
.ddp-ui-filter-boardside.ddp-filter .ddp-ui-down-title-in span.ddp-txt-down-title.ddp-type {max-width:100px;}
.ddp-ui-down-title-in span.ddp-txt-down-title {position:relative; display:inline-block; padding-right:10px;}
.ddp-ui-down-title-in span.ddp-txt-down-title .ddp-data-name {display:inline-block;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ddp-ui-down-title-in span.ddp-txt-det {position:relative; top:-2px; margin-left:-8px; color:#b7b9c2; font-size:11px; font-style:italic;}
.ddp-ui-down-title-in span.ddp-txt-down-title em.ddp-icon-use2 {display:inline-block; position:absolute; top:50%; right:0; width:5px; height:5px; margin-top:-3px; border-radius:50%; background-color:#666eb2; vertical-align: middle;}
.ddp-ui-down-title em.ddp-icon-menumove:before {display:inline-block; width:9px; height:5px; margin-right:7px; background:url(../../images/icon_dropdown.png) no-repeat; content:''}
.ddp-ui-option-down.ddp-selected em.ddp-icon-menumove:before {background-position:left -6px;}
.ddp-ui-down-contents {display:none; padding:8px 0 10px 18px;}
.ddp-ui-down-contents .ddp-list-sidesub:first-of-type {padding-top:0;}
.ddp-ui-down-contents .ddp-list-part:first-of-type {margin-top:0;}

.ddp-ui-option-down.ddp-selected .ddp-ui-down-contents {display:block; padding-bottom:20px; padding-left:0;}
.ddp-ui-option-down.ddp-selected .ddp-ui-down-contents .ddp-data-status {color:#90969f; font-size:12px;}

.ddp-ui-option-down.ddp-selected .ddp-ui-down-contents .ddp-ui-slider-type {margin:0;}
.ddp-ui-option-down.ddp-selected .ddp-ui-down-contents .ddp-ui-slider-type.type-result .irs-single {display:block !important;}
.ddp-ui-option-down.ddp-selected .ddp-ui-down-contents .ddp-txt-det {display:block; padding-top:2px;color:#b7b9c2; font-size:12px; font-style:italic;}
.ddp-ui-option-down.ddp-selected .ddp-ui-down-contents .ddp-txt-det:before {display:inline-block; content:''; width:13px; height:13px; margin-right:4px; background:url(../../images/icon_info.png) no-repeat; background-position:left -16px; vertical-align: middle;}

.ddp-wrap-downmenu {padding:0 0 0 0;}

.ddp-box-down .ddp-ui-down-contents2 {padding:0 0 0 16px;}
.ddp-box-down .ddp-wrap-divide {padding:10px 0 0 17px; margin:10px 0 0 -17px;  position:relative; border-top:1px solid #e5e6e8;}
.ddp-box-down > .ddp-wrap-divide:first-of-type,
.ddp-box-down .ddp-wrap-divide.ddp-first {border-top:none; margin-top:0; padding-top:0;}
.ddp-box-down .ddp-wrap-divide.ddp-selected {border-top:2px solid #e5e6e8;}
.ddp-box-down > .ddp-wrap-divide.ddp-selected:first-of-type,
.ddp-box-down .ddp-wrap-divide.ddp-selected.ddp-first {border-top:1px solid #e5e6e8;}

.ddp-box-down .ddp-wrap-divide .ddp-divide2 {padding-bottom:6px;}
.ddp-box-down .ddp-wrap-divide .ddp-divide2 .ddp-wrap-colorby-button {margin:0;}
.ddp-box-down .ddp-wrap-divide:last-of-type {border-bottom:none;}
.ddp-box-down .ddp-wrap-divide.ddp-disabled {opacity:0.5;}
.ddp-box-down .ddp-wrap-divide.ddp-disabled:after {display:inline-block; position:absolute; top:0; left:0; right:0;bottom:0; content:''; cursor:no-drop;}
.ddp-box-down .ddp-wrap-divide .ddp-wrap-disabled {position:relative; opacity:0.5;}
.ddp-box-down .ddp-wrap-divide .ddp-wrap-disabled:after {display:inline-block; position:absolute; top:0; left:0; right:0;bottom:0; content:''; cursor:no-drop;}
.ddp-box-down .ddp-divide2 + .ddp-ui-layer-type .ddp-ui-type-contents {border-top:1px solid #e5e6e8; padding-top:10px; margin-top:10px;}
.ddp-box-down .ddp-divide2 + .ddp-type-map-chart .ddp-ui-layer-type .ddp-ui-type-contents {border-top:1px solid #e5e6e8; padding-top:10px; margin-top:10px;}
.ddp-box-down .ddp-ui-type-contents .ddp-wrap-divide:first-of-type {padding-top:0; margin-top:0; border-top:none;}

.ddp-box-down .ddp-wrap-option-multy {padding:3px 0;}
.ddp-box-down .ddp-list-part {position:relative; padding:3px 0;}
.ddp-box-down .ddp-list-part .ddp-ui-divide {padding-top:10px;}
.ddp-box-down .ddp-list-part .ddp-ui-divide:first-of-type {padding-top:0;}
.ddp-box-down .ddp-list-part.ddp-divide {margin-top:0; padding:3px 0;}
.ddp-box-down .ddp-list-label {padding:10px 0; color:#4a515c; font-size:13px;}
.ddp-box-down .ddp-list-label.type-label {padding-bottom:0;}
.ddp-box-down .ddp-preview {padding:5px 0; color:#4b515b; font-size:16px; text-align:center; background-color:#eeeef0;}
.ddp-box-down .ddp-preview2 {padding:15px 18px; font-size:12px; color:#4b515b; background-color:#eeeef0;}
.ddp-box-down .ddp-preview2 p {font-size:12px;}
.ddp-box-down .ddp-preview2 .ddp-part {padding:10px 0 0 0;}
.ddp-box-down .ddp-preview2 .ddp-part .ddp-sub {padding-left:26px;}
.ddp-box-down .ddp-preview2 .ddp-icon-round {display:inline-block; margin-right:12px; width:14px; height:14px; border-radius:50%; background-color:#f98888; }
.ddp-box-down .ddp-list-part .ddp-btn-reset3 {position:absolute; top:0; right:0;}
.ddp-box-down .ddp-list-part .ddp-btn-reset3.ddp-disabled {background-position: -1px -20px;cursor: no-drop;}
.ddp-box-down .ddp-list-sub-part2 {padding:0 0 16px 18px; border-bottom:1px solid #e5e6e8;}
.ddp-box-down .ddp-list-sub-part2.ddp-border-none {border-bottom:none;}
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option {padding-bottom:24px; position:relative;}
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-box-color  {display:inline-block; position:relative; margin-right:5px; width:16px; height:16px; vertical-align:middle; cursor:pointer;}

.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-icon-control-cut {position:absolute; top:0; right:0;}
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-ui-slider-type {margin-top:13px;}
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-ui-slider-type .irs-min,
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-ui-slider-type .irs-max {color:#b7b9c3;}
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-ui-slider-type .irs-to {display:none !important;}
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-data-range {padding:12px 0 0 0;}
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-data-range .ddp-input-typebasic {text-align:center;}
.ddp-box-down .ddp-list-sub-part2 .ddp-color-option .ddp-data-range .ddp-bar {display:block; line-height:30px; text-align:center; color:#a4aab0; font-size:14px;}

.ddp-box-down .ddp-list-sub-part2 .ddp-ui-var-plus a.ddp-link-var-add {float:inherit; top:0; padding-left:0;}
.ddp-box-down .ddp-list-part .ddp-type-sum {padding-bottom:9px; color:#4b515b; font-weight:bold; font-size:12px;}
.ddp-box-down .ddp-list-part .ddp-type-sum span.ddp-data-sum {display:block; padding:3px 0 0 0;color:#b7b9c2; font-weight:normal; font-size:11px;}

.ddp-ui-option-down.ddp-move .ddp-ui-down-title-in {cursor:all-scroll;}
.ddp-ui-option-down .ddp-ui-down-title-in span.ddp-txt-down-title {position:relative; display:inline-block; margin:-10px 0 -10px 0; padding:10px 10px 10px 19px;}
.ddp-ui-option-down  .ddp-ui-down-title .ddp-ui-down-title-in .ddp-txt-in em.ddp-icon-menumove {position:absolute; top:0; left:0;}
.ddp-ui-option-down.ddp-lnb-down .ddp-ui-down-title em.ddp-icon-menumove {position:relative;}
.ddp-ui-option-down .ddp-ui-down-title em.ddp-icon-menumove {display:inline-block; position:absolute; top:0; left:0; width:9px; height:100%; margin-right:9px; cursor:pointer;}
.ddp-ui-option-down .ddp-ui-down-title em.ddp-icon-menumove:before {position:absolute; top:50%; left:50%; margin:-3px 0 0 -5px;}

.ddp-list-sub2 {padding:0 0 0 18px;}
.ddp-list-sub2 .ddp-divide2:last-of-type {padding-bottom:0;}
.ddp-list-sub2 .ddp-list-sub2 {padding-left:15px;}
.ddp-list-sub2 .ddp-ui-color-select {padding:9px 0;}
.ddp-list-sub2 .ddp-ui-color-select .ddp-txt-label {position:relative;}
.ddp-list-sub2 .ddp-ui-color-select .ddp-txt-data {display:block; max-height:30px; word-break:break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;}
.ddp-list-sub2 .ddp-ui-color-select .ddp-txt-label .ddp-ui-txt {display:block; position:relative; padding:0 17px 0 21px;}
.ddp-list-sub2 .ddp-ui-color-select .ddp-txt-label .ddp-btn-reset3 {position:absolute; top:50%; right:0; margin-top:-7px;}
.ddp-list-sub2 .ddp-ui-color-select .ddp-box-color {position:absolute; top:50%; left:0; margin-top:-9px;}

.ddp-list-sub2 span.ddp-box-color,
.ddp-ui-chart-side .ddp-list-sub-part2 span.ddp-box-color {display:inline-block; position:relative; margin-right:5px; width:16px; height:16px; border:1px solid rgba(0,0,0,0.15); vertical-align: middle; cursor: pointer; box-sizing:border-box;}

.ddp-list-sub2 span.ddp-box-color.ddp-selected:after,
.ddp-ui-chart-side .ddp-list-sub-part2 span.ddp-box-color.ddp-selected:after{position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #fff; content:'';}

.ddp-list-sub2 span.ddp-box-color.ddp-user:before,
.ddp-ui-chart-side .ddp-list-sub-part2 span.ddp-box-color.ddp-user:before {display:inline-block; position:absolute; bottom:0; right:0;  width:6px; height:6px; background:url(../../images/icon_coloruser.png) no-repeat; content:'';}

.ddp-list-sub3 {padding-left:18px;}
.ddp-box-down .ddp-wrap-disabled {position:relative;}
.ddp-box-down .ddp-wrap-disabled.ddp-disabled:before {position:absolute; top:36px; left:0; right:0; bottom:0; background-color:#f7f7f8; z-index:10; content:''; opacity:0.5;}

.ddp-box-down .ddp-wrap-divide:first-of-type .ddp-divide2 {padding-top:0;}
.ddp-box-down .ddp-part-check {display:block; padding:10px 0 11px 0;}
.ddp-box-down .ddp-part-check-b {display:block; padding:10px 0;}
.ddp-list-sub-part2 .ddp-ui-color-select {padding:5px 0;}
.ddp-list-sub-part2 .ddp-ui-color-select .ddp-txt-label {line-height:30px;}
.ddp-list-sub-part2 .ddp-ui-color-select .ddp-txt-label div.ddp-box-color {display:inline-block; position:relative; margin-right:5px;  vertical-align: middle; cursor: pointer;}

.ddp-list-sub-part2 .ddp-ui-color-select .ddp-txt-label span.ddp-box-color.ddp-selected:before {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:2px solid #000; content:'';}

.ddp-box-down.ddp-disabled:after {display:inline-block; content:''; position:absolute; top:36px; left:0; right:0; bottom:0; background-color:rgba(247,247,248,0.5); z-index:1;}
.ddp-box-down .ddp-list-part ul.ddp-list-checktype.ddp-multy-list li {padding:6px 0;}
.ddp-box-down .ddp-list-part ul.ddp-list-checktype.ddp-multy-list li .ddp-wrap-option-multy {margin:-5px 0 -4px 0;}

.ddp-wrap-option-multy .ddp-label-txt {display:block; padding:7px 0 7px 0; min-height:30px; color:#4a515c; font-size:13px; box-sizing:border-box;  word-break:break-word;}
.ddp-wrap-option-multy .ddp-label-txt.ddp-info label.ddp-label-radio {display:inline-block;}
.ddp-wrap-option-multy .ddp-label-txt.ddp-info .ddp-txt-det {display:inline-block; margin-left:5px; vertical-align: top;}
.ddp-wrap-option-multy .ddp-label-txt.ddp-info .ddp-txt-det.ddp-det-cursor {cursor:pointer;}
.ddp-wrap-option-multy .ddp-label-txt.ddp-info .ddp-txt-det.ddp-det-cursor:before {margin-right:0; vertical-align: top;}
.ddp-wrap-option-multy .ddp-label-txt.ddp-info .ddp-txt-det.ddp-det-cursor .ddp-ui-tooltip-info.ddp-down {left:-50px; right:inherit;}
.ddp-wrap-option-multy .ddp-label-txt.ddp-info .ddp-txt-det.ddp-det-cursor .ddp-ui-tooltip-info.ddp-down .ddp-icon-view-top {left:60px;}
.ddp-wrap-option-multy .ddp-label-checkbox {margin:7px 0 7px 0;}

.ddp-box-down .ddp-list-part .ddp-check-full {margin-top:0; margin-bottom:9px;}
.ddp-box-down .ddp-list-part .ddp-label-txt2 {line-height:36px; color:#4b515b; font-size:13px;}
.ddp-box-down .ddp-list-part .ddp-label-txt2:first-of-type {margin-top:-8px;}

.ddp-box-down .ddp-list-part .ddp-label-txt2 .ddp-wrap-hover-info {display:inline-block; position:relative; cursor:pointer;}
.ddp-box-down .ddp-list-part .ddp-label-txt2 .ddp-wrap-hover-info .ddp-icon-info3 {display:inline-block; position:relative; top:-1px; width:11px; height:11px; background:url(../../images/icon_que.png) no-repeat; background-position:left -12px;}
.ddp-box-down .ddp-list-part .ddp-label-txt2 .ddp-wrap-hover-info .ddp-box-layout4 {display:none; position:fixed; right:13px; width:420px;}
.ddp-box-down .ddp-list-part .ddp-label-txt2 .ddp-wrap-hover-info:hover .ddp-box-layout4 {display:block;}

.ddp-box-down .ddp-list-part .ddp-box-area {padding:4px 0 5px 0;}
.ddp-box-down .ddp-list-part .ddp-box-selectbox {padding:3px 0 3px 0;}
.ddp-list-part .ddp-check-full {margin:4px 0;}
.ddp-list-part .ddp-label-checkbox.ddp-check-full span.ddp-txt-checkbox {font-size:12px;}
.ddp-list-part2 .ddp-label-checkbox.ddp-check-full span.ddp-txt-checkbox {font-size:12px;}
.ddp-list-part .ddp-label-radio.ddp-check-full span.ddp-txt-radio {font-size:12px;}
.ddp-list-part2 .ddp-label-radio.ddp-check-full span.ddp-txt-radio {font-size:12px;}
.ddp-wrap-option-checkbox {padding:3px 0;}
.ddp-wrap-option-checkbox .ddp-label-type {line-height:29px; color:#d0d1d8;}
.ddp-wrap-option-checkbox .ddp-label-checkbox {position:relative; top:9px;}
.ddp-wrap-option-checkbox .ddp-label-checkbox span.ddp-txt-checkbox {font-size:12px;}
.ddp-sub-inner {padding-left:20px;}

.ddp-sub-inner .ddp-wrap-option-slider span.ddp-label-slider {font-size:12px;}
.ddp-wrap-option-slider {position:relative; padding:10px 0;}
.ddp-wrap-option-slider span.ddp-label-slider {font-size:13px; color:#4b515b;}

.ddp-wrap-option-slider .ddp-checkbox-slide {position:absolute; top:50%; right:0; margin-top:-7px; overflow:hidden;}
.ddp-ui-active {position:relative;}
.ddp-ui-active .ddp-data-detail {display:none; color:#b7b9c2; font-size:12px;}
.ddp-ui-active.ddp-disabled .ddp-data-detail {display:block; opacity:0.6}
.ddp-ui-active.ddp-disabled .ddp-label-slider {opacity:0.6;}
.ddp-wrap-option-slider.ddp-disabled:before {display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0); z-index:1; content:'';}
.ddp-wrap-option-radio2 {padding:7px 0; margin-bottom:6px;}
.ddp-wrap-option-radio2 .ddp-label-radio {display:inline-block; margin-right:17px;}
.ddp-wrap-option-radio2 .ddp-label-radio span.ddp-txt-radio {font-size:13px;}
.ddp-list-sub-part.ddp-disabled:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; cursor:no-drop;}
.ddp-list-sub-part.ddp-disabled .ddp-list-part {opacity:0.4;}

.ddp-list-sub-part {position:relative; padding-bottom:17px;}
.ddp-list-sub-part .ddp-list-part {padding-left:18px;}
.ddp-list-sub-part .ddp-wrap-option-multy .ddp-label-txt {color:#90969f;}
.ddp-data-range {clear:both; padding-top:7px; text-align:left;}
.ddp-data-range span.ddp-label-range {padding:10px 0 0 0; color:#b7b9c2; font-size:12px; clear:both;}
.ddp-data-range span.ddp-view-range {margin-left:5px; color:#b7b9c2; font-size:12px; font-weight:bold;}
.ddp-data-range span.ddp-view-range span {displaY:inline-block;}

/* 차트 presentation */
.ddp-wrap-express {padding-bottom:4px;}
.ddp-wrap-express span.ddp-ui-express-name {display:block; padding:7px 0; margin-top:6px; font-size:13px; color:#90969f;}

.ddp-list-express {margin:4px 0; border-radius:2px; background-color:#fff;}
.ddp-list-express:before,
.ddp-list-express:after {display:table; content:'';}
.ddp-list-express:after {clear:both;}
.ddp-list-express li.ddp-disabled:before {position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.3); content:''; cursor:no-drop; z-index:1;}
.ddp-list-express[class*="ddp-type"] li.ddp-disabled:hover {background-color:#e7e7ea;}
.ddp-list-express li.ddp-disabled:hover .ddp-ui-tooltip-info {display:block; top:100%; left:inherit; right:-11px; width:200px; margin-top:5px; white-space:normal; opacity:1;}
.ddp-list-express li.ddp-disabled:hover .ddp-ui-tooltip-info .ddp-icon-view-top {display:inline-block; position:absolute; top:-6px; right:53px; left:inherit; width:4px; height:8px; margin-left:-4px; background:url(../../images/icon_tagview.png) no-repeat; transform:rotate(90deg);}

.ddp-list-express.ddp-disabled li {opacity:0.5; cursor:no-drop;}
.ddp-list-express[class*="ddp-type"].ddp-disabled li:hover {background:#e7e7ea;}
.ddp-list-express[class*="ddp-type"].ddp-disabled li.ddp-selected:hover{background-color:#4b515b;}

.ddp-list-express.ddp-tab3 li {width:33.3333%;}
.ddp-list-express li {float:left; width:50%; min-height:30px;padding:8px 0; border:1px solid #d0d1d8; border-left:none; box-sizing:border-box; cursor: pointer; position:relative; color:#90969f; text-align:center; font-size:11px;}

.ddp-list-express li.ddp-colorpicker {position:relative;padding:0;}

.ddp-list-express li.ddp-colorpicker .sp-replacer {position:relative; padding:9px 0; width:100%; height:30px; text-align:center; box-sizing:border-box;}
.ddp-list-express li.ddp-colorpicker .sp-replacer .sp-preview {float:inherit;}
.ddp-list-express li.ddp-colorpicker .sp-replacer .sp-preview {width:11px; height:11px; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; background:url(../../images/icon_presentation2.png) no-repeat; background-position:-12px -32px;}
.ddp-list-express li.ddp-colorpicker .sp-replacer .sp-preview .sp-preview-inner {display:none;}
.ddp-list-express li.ddp-colorpicker.ddp-selected .sp-replacer .sp-preview .sp-preview-inner {display:block;}
.ddp-list-express li.ddp-colorpicker.ddp-selected .sp-replacer .sp-preview {width:16px; height:16px; margin:-8px 0 0 -8px;border:1px solid #fff; box-sizing:border-box;}
.ddp-list-express li:first-of-type {border-left:1px solid #d0d1d8; border-radius:2px 0 0 2px;}
.ddp-list-express li:hover {background-color:#f3f3f4;}
.ddp-list-express li.ddp-selected {color:#4a515c;}
.ddp-list-express li.ddp-selected:before {display:inline-block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #90969f; content:'';}
.ddp-list-express li em[class*="ddp-icon-"] {margin-right:5px;}
.ddp-list-express.ddp-tab6 li {width:33.33333%;}
.ddp-list-express.ddp-tab6 li:nth-child(1),
.ddp-list-express.ddp-tab6 li:nth-child(2),
.ddp-list-express.ddp-tab6 li:nth-child(3) {border-bottom:none;}
.ddp-list-express.ddp-tab6 li:nth-child(4) {border:1px solid #d0d1d8;}

.ddp-list-express[class*="ddp-type"] {margin:0; background-color:#e7e7ea;}
.ddp-list-express[class*="ddp-type"] li {color:#4b515b; border:none; border-left:1px solid #fff;}
.ddp-list-express[class*="ddp-type"] li.ddp-letter {letter-spacing:-1px;}
.ddp-list-express[class*="ddp-type"] li:first-of-type {border:none;}
.ddp-list-express[class*="ddp-type"] li:hover {background-color:#d0d1d8;}
.ddp-list-express[class*="ddp-type"] li.ddp-selected {background-color:#4b515b; color:#fff;}
.ddp-list-express[class*="ddp-type"] li.ddp-selected:before {border:none;}
.ddp-list-express.ddp-type [class*="ddp-icon-"] {margin-right:0;}
.ddp-list-express.ddp-type2 [class*="ddp-icon-"] {margin-right:5px !important;}
.ddp-list-express.ddp-tab6[class*="ddp-type"] li:nth-child(4),
.ddp-list-express.ddp-tab6[class*="ddp-type"] li:nth-child(5),
.ddp-list-express.ddp-tab6[class*="ddp-type"] li:nth-child(6){border:none; border-top:1px solid #fff; border-left:1px solid #fff;}
.ddp-list-express.ddp-tab6[class*="ddp-type"] li:nth-child(4) {border-left:none;}
.ddp-list-express.ddp-tab4 {margin-top:1px;}

.ddp-wrap-multy-express .ddp-ui-page {padding:9px 0 0 0; text-align:center;}
.ddp-wrap-multy-express .ddp-ui-page .ddp-data-page,
.ddp-wrap-multy-express .ddp-ui-page .ddp-btn-next,
.ddp-wrap-multy-express .ddp-ui-page .ddp-btn-prev {float:inherit; vertical-align:top;}
.ddp-list-express.ddp-multy4 li {width:25%; height:40px; padding:0; border-top:1px solid #fff;}
.ddp-list-express.ddp-multy4 li:nth-child(1),
.ddp-list-express.ddp-multy4 li:nth-child(2),
.ddp-list-express.ddp-multy4 li:nth-child(3),
.ddp-list-express.ddp-multy4 li:nth-child(4) {border-top:none;}
.ddp-list-express.ddp-multy4 li:nth-child(4n+1) {border-left:none;}
em.ddp-icon-line-type,
em.ddp-icon-area-type,
em.ddp-icon-world,
em.ddp-icon-domestic,
em.ddp-icon-textcolor,
em.ddp-icon-textcolor,
em.ddp-icon-areacolor,
em.ddp-icon-column-view,
em.ddp-icon-horizontal-view,
em.ddp-icon-left,
em.ddp-icon-center,
em.ddp-icon-right,
em.ddp-icon-top,
em.ddp-icon-middle,
em.ddp-icon-bottom,
em.ddp-icon-multi,
em.ddp-icon-stack,
em.ddp-icon-vertical,
em.ddp-icon-horizontal,
em.ddp-icon-value,
em.ddp-icon-percent,
em.ddp-icon-link-circle,
em.ddp-icon-link-point,
em.ddp-icon-link-none,
em.ddp-icon-allview,
em.ddp-icon-partview,
em.ddp-icon-basic-line,
em.ddp-icon-accrue,
em.ddp-icon-color,
em.ddp-icon-size,
em.ddp-icon-shape,
em.ddp-icon-single-color,
em.ddp-icon-outline,
em.ddp-icon-translucence,
em.ddp-icon-circle,
em.ddp-icon-square,
em.ddp-icon-triangle,
em.ddp-icon-diamond,
em.ddp-icon-pin,
em.ddp-icon-arrow,
em.ddp-icon-pie1,
em.ddp-icon-pie2,
em.ddp-icon-pivot,
em.ddp-icon-original,
em.ddp-icon-radar-area,
em.ddp-icon-scissors,
em.ddp-icon-font-s,
em.ddp-icon-font-m,
em.ddp-icon-font-l,
em.ddp-icon-font-bold,
em.ddp-icon-font-italic,
em.ddp-icon-column-repeat,
em.ddp-icon-horizontal-repeat,
em.ddp-icon-row-split,
em.ddp-icon-column-split,
em.ddp-icon-grid-split,
em.ddp-icon-page-split,
em.ddp-icon-percent-type,
em.ddp-icon-updown,
em.ddp-icon-solid-chart,
em.ddp-icon-line-chart,
em.ddp-icon-line-straigt,
em.ddp-icon-hexagon,
em.ddp-icon-line-curve,.ddp-list-express em.ddp-icon-cross
{display:inline-block; background:url(../../images/icon_presentation.png) no-repeat; vertical-align: middle;}
.ddp-list-express[class*="ddp-type"] [class*="ddp-icon-"] {display:inline-block; background:url(../../images/icon_presentation2.png) no-repeat;}

.ddp-list-express em.ddp-icon-line-straigt {width:11px; height:9px; background-position:-12px -199px !important;}
.ddp-list-express em.ddp-icon-line-curve {width:11px; height:9px;background-position:-12px -209px !important;}
.ddp-list-express em.ddp-icon-line-chart {width:10px; height:10px; background-position:-11px -157px !important;}
.ddp-list-express em.ddp-icon-solid-chart {width:10px; height:10px; background-position:-11px -168px !important;}
.ddp-list-express em.ddp-icon-updown {width:7px; height:10px; background-position:-167px -68px !important; }
.ddp-list-express em.ddp-icon-percent-type {width:9px; height:9px; background-position:-130px -96px !important;}
.ddp-list-express em.ddp-icon-row-split {width:11px; height:11px; background-position:-170px -23px !important;}
.ddp-list-express em.ddp-icon-column-split {width:11px; height:11px; background-position:-170px -35px !important;}
.ddp-list-express em.ddp-icon-grid-split {width:11px; height:11px; background-position:-170px -47px !important;}
.ddp-list-express em.ddp-icon-page-split {width:17px; height:8px;background-position:-176px -59px !important;}
.ddp-list-express em.ddp-icon-font-bold {width:8px; height:9px; background-position:-9px -179px !important;}
.ddp-list-express em.ddp-icon-font-italic {width:6px; height:9px; background-position:-7px -189px !important;}
.ddp-list-express em.ddp-icon-cross:before {display:none;}
.ddp-list-express em.ddp-icon-line-type {width:11px; height:11px; background-position:-12px top !important;}
.ddp-list-express em.ddp-icon-area-type {width:11px; height:11px; background-position:-12px -11px !important;}
.ddp-list-express em.ddp-icon-world {width:9px; height:9px; background-position:-168px -13px !important;}
.ddp-list-express em.ddp-icon-domestic {width:9px; height:11px; background-position:-168px top !important;}
.ddp-list-express em.ddp-icon-textcolor {width:11px; height:10px; background-position:-57px top !important;}
.ddp-list-express em.ddp-icon-areacolor {width:11px; height:11px; background-position:-57px -11px !important;}
.ddp-list-express em.ddp-icon-column-view {width:11px; height:13px; background-position:-57px -92px !important;}
.ddp-list-express em.ddp-icon-horizontal-view {width:17px; height:9px; background-position:-63px -106px !important;}
.ddp-list-express em.ddp-icon-left {width:11px; height:10px; background-position:-57px -23px !important;}
.ddp-list-express em.ddp-icon-center {width:11px; height:10px; background-position:-57px -34px !important;}
.ddp-list-express em.ddp-icon-right {width:11px; height:10px; background-position:-57px -45px !important;}
.ddp-list-express em.ddp-icon-top {width:11px; height:10px; background-position:-57px -56px !important;}
.ddp-list-express em.ddp-icon-middle {width:12px; height:12px; background-position:-57px -67px !important;}
.ddp-list-express em.ddp-icon-bottom {width:11px; height:10px; background-position:-57px -81px !important;}
.ddp-list-express em.ddp-icon-multi {width:11px; height:11px; background-position:-132px -37px !important;}
.ddp-list-express em.ddp-icon-stack {width:11px; height:11px; background-position:-132px -49px !important;}
.ddp-list-express em.ddp-icon-pivot {width:11px; height:11px; background-position:-132px -37px !important;}
.ddp-list-express em.ddp-icon-original {width:11px; height:11px; background-position:-132px -49px !important;}
.ddp-list-express em.ddp-icon-vertical {width:11px; height:11px; background-position:-132px -61px !important;}
.ddp-list-express em.ddp-icon-horizontal {width:11px; height:11px; background-position:-132px -73px !important;}
.ddp-list-express em.ddp-icon-value {width:10px; height:10px; background-position:-131px -85px !important;}
.ddp-list-express em.ddp-icon-percent {width:9px; height:9px; background-position:-130px -96px !important;}
.ddp-list-express em.ddp-icon-link-circle {width:11px; height:5px; background-position:-12px -26px !important;}
.ddp-list-express em.ddp-icon-link-point {width:14px; height:5px; background-position:-15px -107px !important;}
.ddp-list-express em.ddp-icon-link-none {width:11px; height:1px; background-position:-12px -113px !important;}
.ddp-list-express em.ddp-icon-allview {width:10px; height:10px; background-position:-11px -86px !important;}
.ddp-list-express em.ddp-icon-partview {width:13px; height:9px; background-position:-14px -97px !important;}
.ddp-list-express em.ddp-icon-basic-line {width:12px; height:6px; background-position:-13px -68px !important;}
.ddp-list-express em.ddp-icon-accrue {width:12px; height:10px; background-position:-13px -75px !important;}
.ddp-list-express em.ddp-icon-color {width:11px; height:11px; background-position:-12px -32px !important;}
.ddp-list-express em.ddp-icon-size {width:11px; height:11px; background-position:-12px -44px !important;}
.ddp-list-express em.ddp-icon-shape {width:13px; height:11px; background-position:-14px -56px !important;}
.ddp-list-express em.ddp-icon-single-color {width:9px; height:11px; background-position:-91px top !important;}
.ddp-list-expressem.ddp-icon-outline {width:9px; height:11px; background-position:-91px -12px !important;}
.ddp-list-express em.ddp-icon-translucence {width:9px; height:11px; background-position:-91px -24px !important;}
.ddp-list-express em.ddp-icon-circle {width:11px; height:11px; background-position:-93px -36px !important;}
.ddp-list-express em.ddp-icon-square {width:10px; height:10px; background-position:-92px -48px !important;}
.ddp-list-express em.ddp-icon-triangle {width:11px; height:10px; background-position:-93px -59px !important;}
.ddp-list-express em.ddp-icon-diamond {width:11px; height:11px; background-position:-93px -70px !important;}
.ddp-list-express em.ddp-icon-scissors {width:9px; height:9px; background-position:-91px -94px !important;}
.ddp-list-express em.ddp-icon-cross {width:11px; height:11px; background-position:-93px -83px !important;}
.ddp-list-express em.ddp-icon-pin {width:9px; height:12px; background-position:-91px -104px !important;}
.ddp-list-express em.ddp-icon-arrow {width:11px; height:10px; background-position:-93px -117px !important;}
.ddp-list-express em.ddp-icon-pie1 {width:11px; height:11px; background-position:-132px top !important;}
.ddp-list-express em.ddp-icon-pie2 {width:11px; height:11px; background-position:-132px -12px !important;}
.ddp-list-express em.ddp-icon-radar-area{width:10px; height:10px; background-position:-12px -115px !important;}
.ddp-list-express em.ddp-icon-font-s {width:7px; height:7px; background-position:-8px -126px !important;}
.ddp-list-express em.ddp-icon-font-m {width:8px; height:9px; background-position:-9px -134px !important;}
.ddp-list-express em.ddp-icon-font-l {width:10px; height:12px; background-position:-11px -144px !important;}
.ddp-list-express em.ddp-icon-column-repeat {width:7px; height:15px; background-position:-120px -106px !important;}
.ddp-list-express em.ddp-icon-horizontal-repeat {width:15px; height:7px; background-position:-120px -122px !important;}
.ddp-list-express em.ddp-icon-fly {width:14px; height:14px; background-position:-96px -128px !important;}
.ddp-list-express em.ddp-icon-user {width:11px; height:12px; background-position:-93px -143px !important;}
.ddp-list-express em.ddp-icon-hexagon {width:10px; height:11px; background-position:-169px -79px !important;}

.ddp-list-express [class*="ddp-line-bold"] {display:inline-block; position:absolute; top:50%; left:50%; margin-left:-8px; width:16px; height:1px; background-color: #4b515b;}
.ddp-list-express em.ddp-line-bold2 {height:2px; margin-top:-1px;}
.ddp-list-express em.ddp-line-bold3 {height:3px; margin-top:-2px;}
.ddp-list-express em.ddp-line-bold5 {height:5px; margin-top:-3px;}

.ddp-list-express em.ddp-line-dotted,
.ddp-list-express em.ddp-line-dashed {display:inline-block; position:absolute; top:50%; left:50%; background:url(../../images/icon_presentation2_map.png) no-repeat;}
.ddp-list-express em.ddp-line-dotted {width:14px; height:2px; margin:-1px 0 0 -7px;}
.ddp-list-express em.ddp-line-dashed {width:16px; height:3px; margin:-1px 0 0 -8px; background-position:left -3px;}
.ddp-list-express li.ddp-selected em.ddp-line-dotted {background-position-x:-15px;}
.ddp-list-express li.ddp-selected em.ddp-line-dashed {background-position-x:-17px;}

.ddp-list-express li.ddp-selected [class*="ddp-line-bold"] {background-color:#fff;}
.ddp-list-express li.ddp-selected em.ddp-icon-font-bold {background-position:0 -179px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-font-italic {background-position:0 -189px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-line-type {background-position:0 top !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-area-type {background-position:0 -11px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-column-repeat {background-position:-128px -106px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-horizontal-repeat { background-position:-136px -122px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-font-s {background-position:0 -126px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-font-m {background-position:0 -134px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-font-l {background-position:0 -144px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-pie1 {background-position:-120px top !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-pie2 {background-position:-120px top !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-single-color {background-position:-81px top !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-outline {background-position:-81px -12px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-translucence {background-position:-81px -24px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-circle {background-position:-81px -36px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-square {background-position:-81px -48px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-triangle {background-position:-81px -59px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-diamond {background-position:-81px -70px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-scissors {background-position:-81px -94px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-cross {background-position:-81px -83px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-pin {background-position:-81px -104px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-arrow {background-position:-81px -117px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-world {background-position:-158px -13px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-domestic {background-position:-158px top !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-textcolor {background-position:-45px top !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-areacolor {background-position:-45px -11px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-column-view {background-position:-45px -92px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-horizontal-view {background-position:-45px -106px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-left {background-position:-45px -23px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-center {background-position:-45px -34px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-right {background-position:-45px -45px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-top {background-position:-45px -56px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-middle {background-position:-45px -67px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-bottom {background-position:-45px -81px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-multi {background-position:-120px -37px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-stack {background-position:-120px -49px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-pivot {background-position:-120px -37px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-original {background-position:-120px -49px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-vertical {background-position:-120px -61px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-horizontal {background-position:-120px -73px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-value {background-position:-120px -85px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-percent {background-position:-120px -96px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-link-circle {background-position:left -26px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-link-point {background-position:left -107px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-link-none {background-position:left -113px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-allview {background-position:left -86px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-partview {background-position:left -97px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-basic-line {background-position:left -68px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-accrue {background-position:left -75px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-color {background-position:left -32px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-size {background-position:left -44px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-shape {background-position:left -56px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-radar-area{background-position:left -115px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-row-split {background-position:-158px -23px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-column-split {background-position:-158px -35px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-grid-split {background-position:-158px -47px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-page-split {background-position:-158px -59px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-percent-type {width:9px; height:9px; background-position:-120px -96px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-updown {background-position:-158px -68px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-line-chart {background-position-x:0 !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-solid-chart {background-position-x:0 !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-fly {background-position-x:-81px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-user {background-position-x:-81px !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-hexagon {background-position-x:-158px !important;}
.ddp-list-express li em.ddp-img-kpi-type1,
.ddp-list-express li em.ddp-img-kpi-type2,
.ddp-list-express li em.ddp-img-kpi-type3,
.ddp-list-express li em.ddp-img-kpi-type4 {display:inline-block; position:absolute; top:50%; left:50%;background:url(../../images/icon_kpi.png) no-repeat;}

.ddp-list-express li em.ddp-img-kpi-type1 {margin:-11px 0 0 -11px; width:22px; height:23px;}
.ddp-list-express li em.ddp-img-kpi-type2 {margin:-10px 0 0 -10px;  width:19px; height:21px; background-position:left -24px;}
.ddp-list-express li em.ddp-img-kpi-type3 {margin:-8px 0 0 -13px; width:26px; height:16px;background-position:left -46px;}
.ddp-list-express li em.ddp-img-kpi-type4 {margin:-10px 0 0 -9px; width:17px; height:21px;background-position:left -63px;}

.ddp-list-express li.ddp-selected em.ddp-img-kpi-type1 {background-position-x:-23px;}
.ddp-list-express li.ddp-selected em.ddp-img-kpi-type2 {background-position-x:-19px;}
.ddp-list-express li.ddp-selected em.ddp-img-kpi-type3 {background-position-x:-27px;}
.ddp-list-express li.ddp-selected em.ddp-img-kpi-type4 {background-position-x:-18px;}
.ddp-list-express li.ddp-selected em.ddp-icon-line-straigt {background-position-x:0 !important;}
.ddp-list-express li.ddp-selected em.ddp-icon-line-curve {background-position-x:0 !important;}
.ddp-wrap-colorby-button {position:relative; padding-left:26px; margin:6px 0 6px 0; cursor: pointer;}
.ddp-wrap-colorby-button em.ddp-icon-colorby {display:inline-block; position:absolute; top:0; left:0; width:26px; height:25px; background:url(../../images/btn_color.png) no-repeat; background-color:#fff;}
.ddp-wrap-colorby-button button[class*="ddp-btn-color"] {width:100%; background-size:100% 100% !important;}

button[class*="ddp-btn-color-series"],
button[class*="ddp-btn-color-"]{display:inline-block; position:relative; width:100%; height:25px;cursor: pointer;}
button[class*="ddp-btn-color2-series"] {display:inline-block; position:relative; width:100%; height:25px; cursor: pointer;}
button[class*="ddp-btn-color"].ddp-selected:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:4px; border:3px solid #4b515b; z-index:10; overflow:hidden;}
button[class*="ddp-btn-color"].ddp-selected:after {display:inline-block; content:''; position:absolute; top:3px; left:3px; right:3px; bottom:3px; border-radius:2px; border:1px solid #fff;}
button.ddp-btn-color-series1.ddp-type {background:url(../../images/img_color_01_type.png) no-repeat;}
button.ddp-btn-color-series2.ddp-type {background:url(../../images/img_color_02_type.png) no-repeat;}
button.ddp-btn-color-series3.ddp-type {background:url(../../images/img_color_03_type.png) no-repeat;}
button.ddp-btn-color-series4.ddp-type {background:url(../../images/img_color_04_type.png) no-repeat;}
button.ddp-btn-color-series5.ddp-type {background:url(../../images/img_color_05_type.png) no-repeat;}
button.ddp-btn-color-series6.ddp-type {background:url(../../images/img_color_06_type.png) no-repeat;}
button.ddp-btn-color-series7.ddp-type {background:url(../../images/img_color_07_type.png) no-repeat;}
button.ddp-btn-color-series8.ddp-type {background:url(../../images/img_color_08_type.png) no-repeat;}
button.ddp-btn-color-series9.ddp-type {background:url(../../images/img_color_09_type.png) no-repeat;}

button.ddp-btn-color-series1 {background:url(../../images/img_color_01.png) no-repeat;}
button.ddp-btn-color-series2 {background:url(../../images/img_color_02.png) no-repeat;}
button.ddp-btn-color-series3 {background:url(../../images/img_color_03.png) no-repeat;}
button.ddp-btn-color-series4 {background:url(../../images/img_color_04.png) no-repeat;}
button.ddp-btn-color-series5 {background:url(../../images/img_color_05.png) no-repeat;}
button.ddp-btn-color-series6 {background:url(../../images/img_color_06.png) no-repeat;}
button.ddp-btn-color-series7 {background:url(../../images/img_color_07.png) no-repeat;}
button.ddp-btn-color-series8 {background:url(../../images/img_color_08.png) no-repeat;}
button.ddp-btn-color-series9 {background:url(../../images/img_color_09.png) no-repeat;}

button.ddp-btn-color2-series1 { background:url(../../images/img_color2_01.png) no-repeat;}
button.ddp-btn-color2-series2 {background:url(../../images/img_color2_02.png) no-repeat;}
button.ddp-btn-color2-series3 {background:url(../../images/img_color2_03.png) no-repeat;}
button.ddp-btn-color2-series4 {background:url(../../images/img_color2_04.png) no-repeat;}
button.ddp-btn-color2-series5 {background:url(../../images/img_color2_05.png) no-repeat;}
button.ddp-btn-color2-series6 {background:url(../../images/img_color2_06.png) no-repeat;}
button.ddp-btn-color2-series7 {background:url(../../images/img_color2_07.png) no-repeat;}

button.ddp-btn-color-type1  {background:url(../../images/img_color_type1.png) no-repeat;}
button.ddp-btn-color-type2  {background:url(../../images/img_color_type2.png) no-repeat;}
button.ddp-btn-color-type3  {background:url(../../images/img_color_type3.png) no-repeat;}
button.ddp-btn-color-type4  {background:url(../../images/img_color_type4.png) no-repeat;}
button.ddp-btn-color-type5  {background:url(../../images/img_color_type5.png) no-repeat;}
button.ddp-btn-color-type6  {background:url(../../images/img_color_type6.png) no-repeat;}
button.ddp-btn-color-type7  {background:url(../../images/img_color_type7.png) no-repeat;}

button.ddp-btn-color-type8  {background:url(../../images/img_color_type8.png) no-repeat;}
button.ddp-btn-color-type9  {background:url(../../images/img_color_type9.png) no-repeat;}
button.ddp-btn-color-type10  {background:url(../../images/img_color_type10.png) no-repeat;}
button.ddp-btn-color-type11  {background:url(../../images/img_color_type11.png) no-repeat;}
button.ddp-btn-color-type12  {background:url(../../images/img_color_type12.png) no-repeat;}
button.ddp-btn-color-type13  {background:url(../../images/img_color_type13.png) no-repeat;}
button.ddp-btn-color-type14  {background:url(../../images/img_color_type14.png) no-repeat;}
button.ddp-btn-color-type15  {background:url(../../images/img_color_type15.png) no-repeat;}
button.ddp-btn-color-type16  {background:url(../../images/img_color_type16.png) no-repeat;}
button.ddp-btn-color-type17  {background:url(../../images/img_color_type17.png) no-repeat;}
button.ddp-btn-color-type18  {background:url(../../images/img_color_type18.png) no-repeat;}
button.ddp-btn-color-type19  {background:url(../../images/img_color_type19.png) no-repeat;}

.ddp-ui-colorby {position:relative;}
.ddp-popup-side {position:absolute; top:-45px; left:-285px;width:275px; border-radius:3px; background-color:#fff;
  -moz-box-shadow: 0 1px 3px 1px rgba(82,97,105,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px 1px rgba(82,97,105,.3); /* drop shadow */
  box-shadow: 0 1px 3px 1px rgba(82,97,105,.3); /* drop shadow */
}
.ddp-ui-colorby .ddp-popup-side {position:fixed; top:105px; left:inherit; right:345px; max-height:510px; overflow:auto; z-index:5;}
.ddp-pop-side-top {position:relative; padding:15px 20px; color:#444; font-weight:bold; }
.ddp-pop-side-top a.ddp-btn-close {display:inline-block; position:absolute; top:13px; right:20px;  width:11px; height:11px; background:url(../../images/btn_close.png) no-repeat; background-position:-12px -58px;}
.ddp-popup-side.ddp-pop-colorpicker {display:inline-block;}
.ddp-pop-side-contents {padding:0 18px 18px 18px;}
.ddp-pop-side-contents span.ddp-pop-sub-title {display:block; padding-bottom:6px; font-size:12px; color:#b7b9c2;}
.ddp-pop-side-contents .ddp-box-slider {padding:5px 10px;  margin:-8px 0 10px 0;background-color:#f7f7f9; border-radius:3px;}
.ddp-pop-side-contents .ddp-box-slider .ddp-wrap-option-slider {padding:0;}
.ddp-pop-side-contents .ddp-box-slider .ddp-wrap-option-slider span.ddp-label-slider {color:#90969f;}
.ddp-pop-side-contents ul.ddp-list-series {}
.ddp-pop-side-contents ul.ddp-list-series li {padding:7px 0;}
.ddp-pop-side-contents ul.ddp-list-series li:first-of-type {padding-top:0;}
.ddp-pop-side-contents ul.ddp-list-series li:last-of-type {margin-bottom:0;}
.ddp-pop-side-contents .ddp-btn-type-popup {width:100%; margin-top:10px; box-sizing:border-box;}
.ddp-popup-side.ddp-pop-colorpicker {position:fixed; z-index:126;}

.ddp-popup-side.ddp-pop-colorpicker.ddp-type {width:288px;}
.ddp-pop-colorpicker.ddp-type [class*="ddp-color-picker"] {display:block; overflow:hidden;}
.ddp-pop-colorpicker.ddp-type [class*="ddp-color-picker"] span.ddp-ui-color {display:inline-block; position:relative; width:24px; height:24px; cursor: pointer;}
.ddp-pop-colorpicker.ddp-type [class*="ddp-color-picker"] span.ddp-ui-color.ddp-selected:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #4b515b;}
.ddp-pop-colorpicker.ddp-type [class*="ddp-color-picker"] span.ddp-ui-color.ddp-selected:after {display:inline-block; position:absolute; top:3px; left:3px; right:3px; bottom:3px; border:1px solid #fff; content:'';}
.ddp-pop-colorpicker.ddp-type [class*="ddp-color-picker"] [class*="ddp-bg-color"] {float:left; margin:2px;}

.ddp-color-picker {float:left; margin-right:4px; width:26px; padding-bottom:10px;}
.ddp-color-picker:last-of-type {margin-right:0;}
.ddp-color-picker span.ddp-ui-color {display:inline-block; position:relative; width:26px; height:24px; cursor: pointer;}
.ddp-color-picker span.ddp-ui-color.ddp-selected:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #fff;}
.ddp-color-picker1 span.ddp-bg-color1 {background-color:#ffcaba;}
.ddp-color-picker1 span.ddp-bg-color2 {background-color:#fda08c;}
.ddp-color-picker1 span.ddp-bg-color3 {background-color:#fb7661;}
.ddp-color-picker1 span.ddp-bg-color4 {background-color:#f8533b;}
.ddp-color-picker1 span.ddp-bg-color5 {background-color:#f23a2c;}
.ddp-color-picker1 span.ddp-bg-color6 {background-color:#e5342c;}
.ddp-color-picker1 span.ddp-bg-color7 {background-color:#d73631;}
.ddp-color-picker1 span.ddp-bg-color8 {background-color:#c22a32;}
.ddp-color-picker1 span.ddp-bg-color9 {background-color:#9a0b2c;}

.ddp-color-picker2 span.ddp-bg-color1 {background-color:#f6f4b7;}
.ddp-color-picker2 span.ddp-bg-color2 {background-color:#f9f6a1;}
.ddp-color-picker2 span.ddp-bg-color3 {background-color:#fee330;}
.ddp-color-picker2 span.ddp-bg-color4 {background-color:#ffd200;}
.ddp-color-picker2 span.ddp-bg-color5 {background-color:#fbb700;}
.ddp-color-picker2 span.ddp-bg-color6 {background-color:#f6a300;}
.ddp-color-picker2 span.ddp-bg-color7 {background-color:#f28a00;}
.ddp-color-picker2 span.ddp-bg-color8 {background-color:#f27603;}
.ddp-color-picker2 span.ddp-bg-color9 {background-color:#fb6e2c;}

.ddp-color-picker3 span.ddp-bg-color1 {background-color:#d1e5c2;}
.ddp-color-picker3 span.ddp-bg-color2 {background-color:#b5d994;}
.ddp-color-picker3 span.ddp-bg-color3 {background-color:#97cb63;}
.ddp-color-picker3 span.ddp-bg-color4 {background-color:#83bf47;}
.ddp-color-picker3 span.ddp-bg-color5 {background-color:#72b235;}
.ddp-color-picker3 span.ddp-bg-color6 {background-color:#5d9f27;}
.ddp-color-picker3 span.ddp-bg-color7 {background-color:#4b8a21;}
.ddp-color-picker3 span.ddp-bg-color8 {background-color:#39751d;}
.ddp-color-picker3 span.ddp-bg-color9 {background-color:#2d681a;}

.ddp-color-picker4 span.ddp-bg-color1 {background-color:#b5e0e1;}
.ddp-color-picker4 span.ddp-bg-color2 {background-color:#9ad5d2;}
.ddp-color-picker4 span.ddp-bg-color3 {background-color:#75c4be;}
.ddp-color-picker4 span.ddp-bg-color4 {background-color:#54b2ae;}
.ddp-color-picker4 span.ddp-bg-color5 {background-color:#2b9a9e;}
.ddp-color-picker4 span.ddp-bg-color6 {background-color:#0c8691;}
.ddp-color-picker4 span.ddp-bg-color7 {background-color:#026e7f;}
.ddp-color-picker4 span.ddp-bg-color8 {background-color:#015268;}
.ddp-color-picker4 span.ddp-bg-color9 {background-color:#064059;}

.ddp-color-picker5 span.ddp-bg-color1 {background-color:#c4eeed;}
.ddp-color-picker5 span.ddp-bg-color2 {background-color:#a9e7eb;}
.ddp-color-picker5 span.ddp-bg-color3 {background-color:#8adfe9;}
.ddp-color-picker5 span.ddp-bg-color4 {background-color:#6ed0e4;}
.ddp-color-picker5 span.ddp-bg-color5 {background-color:#58b5da;}
.ddp-color-picker5 span.ddp-bg-color6 {background-color:#4a95cf;}
.ddp-color-picker5 span.ddp-bg-color7 {background-color:#3f72c1;}
.ddp-color-picker5 span.ddp-bg-color8 {background-color:#3452b5;}
.ddp-color-picker5 span.ddp-bg-color9 {background-color:#23399f;}

.ddp-color-picker6 span.ddp-bg-color1 {background-color:#efdffd;}
.ddp-color-picker6 span.ddp-bg-color2 {background-color:#cdbaf8;}
.ddp-color-picker6 span.ddp-bg-color3 {background-color:#b099f0;}
.ddp-color-picker6 span.ddp-bg-color4 {background-color:#9b7fe4;}
.ddp-color-picker6 span.ddp-bg-color5 {background-color:#8d6dd2;}
.ddp-color-picker6 span.ddp-bg-color6 {background-color:#7c5ac1;}
.ddp-color-picker6 span.ddp-bg-color7 {background-color:#6344ad;}
.ddp-color-picker6 span.ddp-bg-color8 {background-color:#4c309a;}
.ddp-color-picker6 span.ddp-bg-color9 {background-color:#391f8a;}

.ddp-color-picker7 span.ddp-bg-color1 {background-color:#fcc9dd;}
.ddp-color-picker7 span.ddp-bg-color2 {background-color:#fca0c3;}
.ddp-color-picker7 span.ddp-bg-color3 {background-color:#fc79ac;}
.ddp-color-picker7 span.ddp-bg-color4 {background-color:#ee5398;}
.ddp-color-picker7 span.ddp-bg-color5 {background-color:#e03c8f;}
.ddp-color-picker7 span.ddp-bg-color6 {background-color:#cd2287;}
.ddp-color-picker7 span.ddp-bg-color7 {background-color:#ad037c;}
.ddp-color-picker7 span.ddp-bg-color8 {background-color:#7d0071;}
.ddp-color-picker7 span.ddp-bg-color9 {background-color:#4c006a;}

.ddp-color-picker8 span.ddp-bg-color1 {background-color:#eeeeee;}
.ddp-color-picker8 span.ddp-bg-color2 {background-color:#c3c3c3;}
.ddp-color-picker8 span.ddp-bg-color3 {background-color:#acacac;}
.ddp-color-picker8 span.ddp-bg-color4 {background-color:#959595;}
.ddp-color-picker8 span.ddp-bg-color5 {background-color:#797979;}
.ddp-color-picker8 span.ddp-bg-color6 {background-color:#636363;}
.ddp-color-picker8 span.ddp-bg-color7 {background-color:#4f4f4f;}
.ddp-color-picker8 span.ddp-bg-color8 {background-color:#3c3c3c;}
.ddp-color-picker8 span.ddp-bg-color9 {background-color:#313131;}

span.ddp-bg1-color1 {background-color:#c94819;}
span.ddp-bg1-color2 {background-color:#fb7100;}
span.ddp-bg1-color3 {background-color:#ffbe69;}
span.ddp-bg1-color4 {background-color:#ffd37d;}

span.ddp-bg2-color1 {background-color:#007e78;}
span.ddp-bg2-color2 {background-color:#00a99c;}
span.ddp-bg2-color3 {background-color:#01cbbb;}
span.ddp-bg2-color4 {background-color:#70dec3;}

span.ddp-bg3-color1 {background-color:#02936f;}
span.ddp-bg3-color2 {background-color:#17d18e;}
span.ddp-bg3-color3 {background-color:#54df9a;}
span.ddp-bg3-color4 {background-color:#cee6d2;}

span.ddp-bg4-color1 {background-color:#4c95ce;}
span.ddp-bg4-color2 {background-color:#589ed7;}
span.ddp-bg4-color3 {background-color:#81b8e1;}
span.ddp-bg4-color4 {background-color:#d3e4ef;}

span.ddp-bg5-color1 {background-color:#9678bc;}
span.ddp-bg5-color2 {background-color:#a992c7;}
span.ddp-bg5-color3 {background-color:#c7a9c7;}
span.ddp-bg5-color4 {background-color:#e3d4e2;}

span.ddp-bg6-color1 {background-color:#d57295;}
span.ddp-bg6-color2 {background-color:#e898b2;}
span.ddp-bg6-color3 {background-color:#e898b2;}
span.ddp-bg6-color4 {background-color:#fae2ea;}

span.ddp-bg7-color1 {background-color:#0d0d0d;}
span.ddp-bg7-color2 {background-color:#595959;}
span.ddp-bg7-color3 {background-color:#7f7f7f;}
span.ddp-bg7-color4 {background-color:#8f8f8f;}

span.ddp-bg8-color1 {background-color:#f2f2f2;}
span.ddp-bg8-color2 {background-color:#d9d9d9;}
span.ddp-bg8-color3 {background-color:#bfbfbf;}
span.ddp-bg8-color4 {background-color:#afafaf;}

.ddp-wrap-usercolor {position:relative; left:0; margin:0 -15px;}
.ddp-wrap-usercolor.ddp-delete {
  left:-240px;
  -webkit-transition: left 0.5s ease-out;
  transition: left 0.5s ease-out;
}
.ddp-list-usercolor {position:relative; padding:3px 33px 3px 38px;}
.ddp-list-usercolor .ddp-box-color {display:inline-block; position:absolute; top:50%; left:15px; margin-top:-9px; width:18px; height:18px; box-sizing:border-box; overflow:hidden; cursor:pointer;}
.ddp-list-usercolor .ddp-box-color .sp-replacer {position:absolute; top:0; left:0; right:0;bottom:0;}
.ddp-list-usercolor .ddp-box-color .sp-preview {position:absolute; top:0; left:0; right:0; bottom:0; width:inherit; height:inherit;}
.ddp-list-usercolor .ddp-data-range {display:block; width:100%; padding-top:0;}
.ddp-list-usercolor .ddp-data-range .ddp-input-range {position:relative; float:left; width:47%;}
.ddp-list-usercolor .ddp-data-range .ddp-input-range:last-of-type {float:right;}
.ddp-list-usercolor .ddp-data-range .ddp-input-range:last-of-type .ddp-ui-tooltip-info {left:initial; right:-30px;}
.ddp-list-usercolor .ddp-data-range .ddp-input-range .ddp-ui-tooltip-info em.ddp-icon-view-down {left:60px}
.ddp-list-usercolor .ddp-data-range .ddp-input-range:last-of-type .ddp-ui-tooltip-info em.ddp-icon-view-down {left:inherit; right:80px;}
.ddp-list-usercolor .ddp-data-range .ddp-ng-ellipsis .ddp-data-ellipsis,
.ddp-list-usercolor .ddp-data-range .ddp-ng-ellipsis .ddp-input-typebasic {padding:6px 6px; font-family:'SpoqaHanSans',sans-serif;}

.ddp-list-usercolor .ddp-data-range .ddp-ui-tooltip-info {bottom:100%; top:inherit;left:-30px;max-width:200px; margin-bottom:5px; white-space:normal;}
.ddp-list-usercolor .ddp-data-range .ddp-input-typebasic:focus + .ddp-ui-tooltip-info {display:block;}
.ddp-list-usercolor .ddp-data-range .ddp-bar {float:left; width:6%; padding:7px 0 8px 0; text-align:center; box-sizing:border-box;}
.ddp-list-usercolor .ddp-icon-listdelete {display:inline-block; position:absolute; top:50%; right:15px; margin-top:-6px; width:13px; height:13px; background:url(../../images/icon_delete.png) no-repeat; cursor:pointer;}
.ddp-user-color .ddp-list-blank {position:relative; left:0; height:4px; text-indent:-300000px; z-index:1;overflow:hidden;
  -webkit-transition: height 0.2s; /* Safari */
  transition: height 0.2s;
}
.ddp-user-color .ddp-list-blank:hover {padding:4px 15px; height:24px;  color:#666eb2; font-size:12px; font-weight:300; text-indent:0; background-color:rgba(156,162,204,0.2); cursor:pointer; box-sizing:border-box;}
.ddp-user-color .ddp-wrap-usercolor:first-of-type .ddp-list-blank {display:none;}

.ddp-user-color .ddp-list-blank:hover:before {display:inline-block; width:15px; height:15px; margin-right:19px; background:url(../../images/icon_plus.png) no-repeat; background-position:left -31px; vertical-align:middle; content:'';}

.ddp-wrap-divide .ddp-btn-set {display:block; padding:7px 0 8px 0; border:1px solid #d0d1d7; border-radius:2px; text-align:center; color:#90969f; font-size:13px;}
.ddp-wrap-divide .ddp-data-sum {padding:11px 0;color:#b7b9c2; font-size:11px;}

.ddp-wrap-divide .ddp-btn-set:hover {border:1px solid #b7b9c2; color:#4b515b;}

/* Analysis */
.ddp-lnb-down .ddp-ui-down-title {position:relative; padding:10px 9px 10px 22px; color:#90969f; font-size:13px; background-color:#2f3339; cursor: pointer;}
.ddp-lnb-down .ddp-ui-down-title:before {display:none;}
.ddp-lnb-down .ddp-ui-down-contents {display:none; padding:0 22px 0 40px; background-color:#35393f;}
.ddp-lnb-down.ddp-selected .ddp-ui-down-contents {display:block; padding-left:22px;}
.ddp-lnb-down.ddp-selected .ddp-ui-down-title em.ddp-icon-menumove:before {transform:rotate(0deg); content:'';}
.ddp-lnb-down span.ddp-label-slider {color:#d0d1d8;}
.ddp-ui-drop-contents .ddp-ui-option-down .ddp-ui-down-title em.ddp-icon-drop {display:inline-block;}
.ddp-lnb-down .ddp-ui-sign {position:relative; padding-top:10px;}
.ddp-lnb-down .ddp-ui-sign.ddp-disabled {opacity:0.3;}
.ddp-lnb-down .ddp-ui-sign.ddp-disabled:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; content:''; z-index:1;}
.ddp-lnb-down .ddp-ui-sign .ddp-txt-label {display:block; color:#90969f;}
.ddp-lnb-down .ddp-list-part {padding-bottom:20px;}
.ddp-lnb-down .ddp-list-part:last-of-type {padding-bottom:0; border-bottom:none;}
.ddp-lnb-down .ddp-list-part .ddp-ui-form-type {padding:0 0 10px 0; }
.ddp-lnb-down .ddp-list-part .ddp-ui-label {padding:7px 0 7px 0; color:#d0d1d8; font-size:13px;}
.ddp-lnb-down .ddp-list-part .ddp-form-multy {margin-bottom:10px;}
.ddp-lnb-down .ddp-list-part-sub {padding:0 0 0 18px;}
.ddp-lnb-down .ddp-list-part-sub .ddp-ui-slider-type {margin:10px -10px 10px 0;}
.ddp-lnb-down .ddp-list-part-sub .ddp-ui-link {text-align:left;}
.ddp-lnb-down .ddp-ui-link.ddp-setup {padding:10px 0 0 0;}
.ddp-lnb-down .ddp-ui-link.ddp-setup .ddp-ui-option {display:none;}
.ddp-lnb-down .ddp-ui-link.ddp-setup.ddp-selected .ddp-ui-option {display:block; clear:both;}
.ddp-lnb-down .ddp-ui-link .ddp-link-option {display:block; position:relative; float:right; padding-right:12px; text-decoration: underline; font-style:italic;color:#90969f; font-size:12px;}
.ddp-lnb-down .ddp-ui-link .ddp-link-option:after {display:inline-block; content:''; position:absolute; top:50%; right:0; margin-top:-2px;width:8px; height:4px; background:url(../../images/icon_select.png) no-repeat; background-position:-8px top;}
.ddp-lnb-down .ddp-ui-link.ddp-selected .ddp-link-option:after {transform:rotate(180deg)}
.ddp-lnb-down .ddp-ui-option .ddp-ui-option-check {padding:15px 0 8px 0;text-align:right;}
.ddp-lnb-down .ddp-list-sub-in {position:relative; padding-left:20px;}
.ddp-lnb-down .ddp-ui-color-select {position:relative; margin-top:7px; margin-bottom:15px; white-space:nowrap;}
.ddp-lnb-down .ddp-ui-color-select.ddp-mgb0 {margin-bottom:0;}
.ddp-lnb-down .ddp-ui-color-select .ddp-txt-label {display:inline-block; color:#90969f; font-size:12px; line-height:26px;}
.ddp-lnb-down .ddp-ui-color-select .ddp-txt-label div.ddp-box-color {top:0; cursor: pointer;}

.ddp-lnb-down .ddp-ui-color-select div.ddp-ui-box-color {display:inline-block; width:18px; margin-right:5px; vertical-align:top;}

.ddp-lnb-down .ddp-ui-color-select .ddp-type-selectbox {display:inline-block; width:70px; box-sizing:border-box;}
.ddp-lnb-down .ddp-ui-color-select .ddp-size {display:inline-block;}
.ddp-lnb-down .ddp-ui-color-select .ddp-size .ddp-type-selectbox {width:91px;}
.ddp-lnb-down .ddp-ui-color-select.ddp-disabled:before {display:inline-block; position:absolute; top:0; right:-20px; bottom:0; left:0; z-index:1; cursor: no-drop; content:'';}
.ddp-lnb-down .ddp-ui-color-select.ddp-disabled  {opacity:0.5;}
.ddp-lnb-down div.ddp-box-color,
.ddp-lnb-down span.ddp-box-color{display:inline-block; position:relative; margin:0 5px 0 0; font-size:0; background: url(../../images/img_noncolor.png) no-repeat; background-size:100% 100%; vertical-align:top; cursor:pointer;}
.ddp-lnb-down span.ddp-box-color {display:inline-block; width:18px; height:18px;}

.ddp-lnb-down .ddp-list-buttons {margin:10px 0 20px 0;}
.ddp-lnb-down ul.ddp-list-type {padding:0 10px;}
.ddp-lnb-down ul.ddp-list-type li {padding:10px 0; overflow:hidden;}
.ddp-lnb-down ul.ddp-list-type li  span.ddp-data-name {display:block; position:relative; top:2px; color:#90969f; font-size:12px; overflow:hidden;}
.ddp-lnb-down ul.ddp-list-type li .ddp-box-color {float:left; margin-right:7px;}

.ddp-view-widget .ddp-ui-slider-type.type-per {display:inline-block; width:80%; min-width:200px; }
.ddp-ui-slider-type.type-per {position:relative;}
.ddp-ui-slider-type.type-per span.ddp-txt-label {position:absolute; top:0; left:0; color:#90969f; font-size:12px;}
.ddp-ui-slider-type.type-per .irs-min,
.ddp-ui-slider-type.type-per .irs-max,
.ddp-ui-slider-type.type-per .irs-single {display:none !important;}
.ddp-ui-slider-type.type-per .irs-single {margin:0; position:absolute; top:0; right:0; left:inherit !important; color:#90969f; font-size:12px; }
.ddp-ui-slider-type.type-per .irs-to {display:none !important;}
.ddp-ui-slider-type.type-per .irs-single:after {display:inline-block; content:'%'; color:#90969f; font-size:12px;}
.ddp-ui-check-type.ddp-inline {padding-top:9px; white-space:nowrap;}
.ddp-ui-check-type.ddp-inline .ddp-label-radio:first-of-type {margin-left:0;}
.ddp-ui-check-type.ddp-inline .ddp-label-radio {display:inline-block; margin-left:10px;}

.ddp-ui-select-value .ddp-ui-color-select {margin-bottom:0;}
.ddp-lnb-down .ddp-ui-color-select .ddp-box-color {margin-top:5px;}
.ddp-wrap-trendbtn {padding:10px 0; white-space:nowrap; text-align:center;}
.ddp-wrap-trendbtn .ddp-ui-trendbtn {display:inline-block;position:relative;}
.ddp-ui-trendbtn a[class*="ddp-btn-"]  {display:inline-block; width:38px; height:38px; background:url(../../images/btn_trend.png) no-repeat;}
.ddp-ui-trendbtn a.ddp-btn-linear {}
.ddp-ui-trendbtn a.ddp-btn-logarithmic{background-position:-42px top;}
.ddp-ui-trendbtn a.ddp-btn-exp{background-position:-84px top;}
.ddp-ui-trendbtn a.ddp-btn-quadratic{background-position:-126px top;}
.ddp-ui-trendbtn a.ddp-btn-cubic{background-position:-168px top;}

.ddp-ui-trendbtn:hover a.ddp-btn-linear {background-position:0 -39px; }
.ddp-ui-trendbtn:hover a.ddp-btn-logarithmic{background-position:-42px -39px;}
.ddp-ui-trendbtn:hover a.ddp-btn-exp{background-position:-84px -39px;}
.ddp-ui-trendbtn:hover a.ddp-btn-quadratic{background-position:-126px -39px;}
.ddp-ui-trendbtn:hover a.ddp-btn-cubic{background-position:-168px -39px;}
.ddp-ui-trendbtn .ddp-ui-tooltip-info {display:none; top:44px; left:inherit; right:0;}
.ddp-ui-trendbtn .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:17px;}
.ddp-ui-trendbtn:hover .ddp-ui-tooltip-info {display:block;}

.ddp-data-info-value {color:#90969f; font-size:12px; line-height:18px;}
/* 차트 공통 */
.ddp-color-multy {position:relative;}
.ddp-color-multy .ddp-type-selectbox {display:none;}
.ddp-color-multy .ddp-type-selectbox.ddp-default {display:block;}

ul.ddp-list-selectbox li em.ddp-img-colorpicker {display:inline-block; width:48px; height:20px; background:url(../../images/img_colorpicker.png) no-repeat;}

ul.ddp-list-selectbox.ddp-color-select {position:absolute; top:34px; right:0; min-width:100%; max-height:160px; padding:7px 0; background-color:#fff; border:1px solid #ddd; overflow-y:auto; z-index:1; box-sizing:border-box;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
}
ul.ddp-list-selectbox.ddp-color-select li a {display:block; position:relative; padding:5px 10px; color:#4b525b; font-size:13px;}
ul.ddp-list-selectbox.ddp-color-select li a:hover {background-color:#f6f6f7;}

/**********************************************************************************
        차트 (side menu)
    **********************************************************************************/
.ddp-wrap-chart-menu span.ddp-ui-menu-layout {display:block; position:relative; padding-top:11px; margin-top:13px;}
.ddp-wrap-chart-menu span.ddp-ui-menu-layout:before {display:inline-block; content:''; width:28px; position:absolute; top:0; left:50%; margin-left:-14px; border-top:1px solid #e7e7ea;}

/**********************************************************************************
	차트 : 컬럼 디테일 팝업
**********************************************************************************/
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-type-ab,
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-type-calen,
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-type-sharp,
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-type-float {position:relative; top:0; left:0; margin:0 5px 0 0;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-type-ab {background-position:-14px top;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-type-calen {background-position:-12px -74px;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-type-sharp {background-position:-15px -23px;}
.ddp-pop-preview .ddp-ui-top .ddp-data-name em.ddp-icon-type-float {background-position:-17px -96px;}
.ddp-column-detail {top:74px; left:286px; right:74px; bottom:26px; }
.ddp-column-detail .ddp-ui-preview-contents {overflow:hidden;}
.ddp-column-detail.ddp-full {top:0; left:0; right:0; bottom:0;}
.ddp-column-detail .ddp-wrap-list {position:relative; float:left; width:264px; height:100%; border-right:1px solid #d5d6dc; z-index:1;}
.ddp-column-detail .ddp-wrap-list .ddp-ui-title {padding:21px 16px 22px 16px; color:#4a515c; font-size:16px; font-weight:bold; border-bottom:1px solid #e7e7ea; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-column-detail .ddp-wrap-list .ddp-ui-title.ddp-bottom .ddp-ui-topTit{font-size:14px; font-weight:normal;}
.ddp-column-detail .ddp-wrap-list .ddp-ui-title.ddp-bottom {padding:15px 16px 15px 16px;}
.ddp-column-detail .ddp-wrap-list .ddp-ui-title .ddp-view-option {float:right;}

.ddp-column-detail .ddp-wrap-list .ddp-ui-top {background-color:#e7e7ea;}
.ddp-wrap-list .ddp-ui-dataname {padding:20px 10px 10px 10px;background-color:#e7e7ea}
.ddp-wrap-list .ddp-ui-dataname .ddp-top-title {display:inline-block; position:relative; max-width:100%; padding:0 20px 10px 9px; box-sizing:border-box;}
.ddp-wrap-list .ddp-ui-dataname .ddp-txt-name {display:inline-block; max-width:100%;font-size:16px; font-weight:bold; color:#4b515b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.ddp-wrap-list .ddp-ui-dataname .ddp-wrap-info {position:absolute; top:5px; right:0; display:inline-block; vertical-align:top;}
.ddp-wrap-list .ddp-ui-dataname .ddp-wrap-info .ddp-btn-info2:before
{display:inline-block; content:''; width:13px; height:13px; margin-left:5px; background:url(../../images/icon_info.png) no-repeat; background-position:left -30px;}
.ddp-wrap-list .ddp-ui-dataname .ddp-wrap-info .ddp-btn-info2:hover:before {background-position:-14px -30px;}

.ddp-wrap-list .ddp-ui-dataname .ddp-wrap-info .ddp-box-layout4 {display:none;position:fixed; top:0; left:0; margin-top:5px;}
.ddp-wrap-list .ddp-ui-dataname .ddp-wrap-info .ddp-box-layout4.ddp-scheme {max-width:520px; width:auto;}

.ddp-wrap-list .ddp-ui-dataname .ddp-wrap-info .ddp-box-layout4.ddp-scheme table.ddp-table-info {table-layout:inherit;}

.ddp-wrap-list .ddp-ui-dataname .ddp-wrap-info.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-wrap-list .ddp-data-namesub {position:relative;}
.ddp-wrap-list .ddp-data-namesub .ddp-data-in {position:relative; padding:10px 25px 10px 10px; height:35px; background-color:#f6f6f7; cursor:pointer; box-sizing:border-box;}
.ddp-wrap-list .ddp-data-namesub .ddp-data-in:hover {background-color:#fff;}
.ddp-wrap-list .ddp-data-namesub .ddp-data-in .ddp-txt-dataname {display:block; color:#4b515b; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; }
.ddp-wrap-list .ddp-data-namesub .ddp-data-in .ddp-icon-database3 {float:left; margin-right:5px;}
.ddp-wrap-list .ddp-data-namesub .ddp-data-in .ddp-txt-namesub {display:block; color:#4b515b; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-wrap-list .ddp-data-namesub .ddp-data-in .ddp-icon-view {display:inline-block; position:absolute; top:50%; right:9px; width:7px; height:4px; margin-top:-2px; background:url(../../images/icon_select.png) no-repeat; content:'';}

.ddp-wrap-list .ddp-data-namesub .ddp-box-layout4 {display:none; position:absolute; top:100%; left:0; right:0; width:100%; padding:0 0 20px 0; box-sizing:border-box;}
.ddp-wrap-list .ddp-data-namesub .ddp-box-layout4 .ddp-wrap-search {padding:0 20px;}
.ddp-wrap-list .ddp-data-namesub .ddp-box-layout4 .ddp-form-search {margin-left:0;}

.ddp-wrap-list .ddp-data-namesub.ddp-selected .ddp-box-layout4 {display:block;}

.ddp-column-detail .ddp-wrap-list ul.ddp-list-data {position:absolute; top:63px; left:0; right:0; bottom:0; overflow-y:auto;}
.ddp-column-detail .ddp-wrap-list ul.ddp-list-data li {padding:7px 15px; color:#4a525c; }
.ddp-column-detail .ddp-wrap-list ul.ddp-list-data li:nth-child(odd) {background-color:#fafafa;}
.ddp-column-detail .ddp-wrap-detail {position:relative; float:left; width:100%; max-height:100%; margin-left:-265px; padding-left:289px; padding-right:24px;overflow:auto;box-sizing:border-box;}

/* 스키마팝업 */
.ddp-type-scheme.ddp-column-detail .ddp-preview-type .ddp-wrap-list {width:460px;}
.ddp-type-scheme.ddp-column-detail .ddp-preview-type .ddp-ui-datadetail2 {display:block; position:relative; overflow:hidden; height:100%;}

.ddp-type-scheme.ddp-column-detail .ddp-preview-type .ddp-type-top-option {left:0;}

.ddp-type-scheme.ddp-column-detail .ddp-wrap-list {width:600px; box-sizing:border-box; z-index:70;}
.ddp-column-detail.ddp-type-scheme .ddp-wrap-detail {height:100%; margin-left:-600px; padding-left:600px; padding-right:0; overflow:hidden;}
.ddp-pop-preview.ddp-type-scheme {top:50px; left:90px; right:90px; bottom:52px;}
.ddp-pop-preview.ddp-type-scheme.ddp-full {top:0; right:0; bottom:0; left:0;}
.ddp-pop-preview.ddp-type-scheme.ddp-full .ddp-ui-top {display:none;}
.ddp-pop-preview.ddp-type-scheme.ddp-full .ddp-ui-preview-contents {top:0;}
.ddp-pop-preview.ddp-type-scheme.ddp-full .ddp-ui-preview-contents {border:none;}
.ddp-pop-preview.ddp-type-scheme .ddp-wrap-grid {position:absolute; top:44px; left:0; right:0; bottom:0;}
.ddp-pop-preview.ddp-type-scheme .ddp-nodata {position:absolute; top:44px ;left:0; right:0 ;bottom:0; padding:20px 20px; color:#b7bac1; font-size:13px;}
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option {position:absolute; top:0; left:600px; right:0; bottom:0; padding:34px 0 0 0; box-sizing:border-box;}
.ddp-type-scheme.ddp-column-detail .ddp-metadata .ddp-wrap-list {width:50%;}
.ddp-type-scheme.ddp-column-detail .ddp-metadata .ddp-wrap-detail {margin-left:-50%; padding-left:50%;}
.ddp-pop-preview.ddp-type-scheme .ddp-metadata  .ddp-type-top-option {left:50%;}
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents {position:relative; height:100%;}
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-viewtable {position:absolute; top:44px; left:0; right:0; bottom:0;}
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-datadetail {position:absolute; top:44px; left:0; right:0; bottom:0; padding-top:28px; overflow:auto;}

.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-datadetail.ddp-full {top:0;}
.ddp-wrap-datadetail .ddp-ui-option .ddp-wrap-edit {float:left; padding-left:46px; margin-right:6px;}
.ddp-wrap-datadetail .ddp-ui-option .ddp-wrap-edit:first-of-type {padding-left:0;}

.ddp-wrap-datadetail .ddp-ui-option .ddp-ui-rightoption {float:right;}
.ddp-wrap-datadetail .ddp-ui-option .ddp-ui-rightoption .ddp-btn-selection {float:left; margin-left:4px;}
.ddp-wrap-datadetail .ddp-ui-option .ddp-type-selectbox {min-width:160px;}
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-searching {padding:6px 15px 7px 15px; border-bottom:1px solid #e7e7ea; background-color:#f6f6f7;}
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-searching:before,
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-searching:after {display:table; content:'';}
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-searching:after {clear:both;}
.ddp-pop-preview.ddp-type-scheme .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-searching .ddp-form-search {float:left; width:400px; margin-top:0;}
.ddp-pop-preview.ddp-type-scheme .ddp-form-search {width:100%; margin-top:10px;}
.ddp-pop-preview.ddp-type-scheme ul.ddp-list-data {top:102px;}
.ddp-pop-preview.ddp-type-scheme ul.ddp-ui-tab {position:absolute; top:0; left:0; right:0; border-bottom:1px solid #d7d8dd;}
.ddp-pop-preview.ddp-type-scheme ul.ddp-ui-tab::after {display:block; content:''; clear:both;}
.ddp-pop-preview.ddp-type-scheme ul.ddp-ui-tab li.ddp-selected a:after {display:none;}

.ddp-pop-preview.ddp-type-scheme .ddp-view-option .ddp-txt-tbNum {font-size:12px;}
.ddp-pop-preview.ddp-type-scheme .ddp-view-option .ddp-txt-table {font-size:12px; font-weight:lighter;}
.ddp-pop-preview.ddp-type-scheme .ddp-view-option em.ddp-icon-refresh3 {position:relative; top:-1px; margin-left:10px;}

.ddp-pop-preview.ddp-type-scheme .ddp-box-viewtable {border:none;}

.ddp-box-viewtable .ddp-data-form {position:absolute; top:5px; right:0; z-index:2;}
.ddp-box-viewtable .ddp-data-form a.ddp-btn-filter {position:relative; display:block; width:17px; height:17px; text-align:center;}
.ddp-box-viewtable .ddp-data-form a.ddp-btn-filter em {position:relative; top:4px;}
.ddp-box-viewtable .ddp-data-form .ddp-wrap-popup2 {position:absolute; top:20px; left:-135px; width:156px;}

.ddp-data-form.type-filter .ddp-wrap-popup2 {display:none;}
.ddp-data-form.type-filter.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-data-form.type-filter.ddp-selected a.ddp-btn-filter,
.ddp-data-form.type-filter a.ddp-btn-filter:hover {background-color:#f0f0f0;}
.ddp-data-form.type-filter .ddp-list-popup {padding:12px 20px; box-sizing:border-box;}
.ddp-data-form.type-filter .ddp-list-popup li {padding:8px 0;}
.ddp-data-form.type-filter .ddp-list-popup li em {position:relative; top:0; left:inherit; margin:0 6px 0 8px;}
.ddp-data-form.type-filter .ddp-list-popup li span {display:inline-block;}

.ddp-pop-wrapList {position:absolute; top:186px; left:0; right:0; bottom:0; overflow-y:auto;}

.ddp-table-form.type-scTb .ddp-txt-long {padding:0 30px 0 30px;}
.ddp-table-form.type-scTb tr td em.ddp-icon-tb {position:absolute; top:9px; left:18px;}
.ddp-table-form.type-scTb tr td em.ddp-icon-rArrow {position:absolute; display:none; top:10px; right:13px;}
.ddp-table-form.type-scTb tr td:hover em.ddp-icon-rArrow {display:block;}
.ddp-table-form.type-scTb tr.ddp-selected td em.ddp-icon-rArrow {display:block; background-position:-6px -48px;}
table.ddp-table-select.type-scTb tbody tr.ddp-selected td:last-of-type:after {display:none;}
.ddp-table-form.type-scTb tr td:hover .ddp-ui-tooltip-info {display:block;}
.ddp-table-form.type-scTb tr td .ddp-ui-tooltip-info {display:none; width:235px; top:28px; left:37px; white-space:initial;}

.ddp-column-detail .ddp-ui-detail {padding-bottom:40px; border-top:1px solid #e7e7ea;}
.ddp-column-detail .ddp-ui-detail:first-of-type {border-top:none;}
.ddp-column-detail .ddp-ui-detail .ddp-ui-detail-in {padding:0 0 20px 20px;}
.ddp-column-detail .ddp-ui-detail .ddp-wrap-histogram {margin-top:15px;}
.ddp-column-detail .ddp-ui-detail .ddp-wrap-histogram:first-of-type {margin-top:0;}
.ddp-column-detail .ddp-ui-detail .ddp-wrap-histogram .ddp-ui-label {padding-bottom:5px; color:#4a515c; font-size:13px;}

.ddp-column-detail .ddp-ui-detail .ddp-box-histogram {height:61px; padding:5px; border:1px solid #dadada;}
.ddp-column-detail .ddp-ui-detail .ddp-box-valuelist {height:179px; border:1px solid #dadada;  box-sizing:border-box;}
.ddp-ui-preview-contents.ddp-full {position:absolute; top:0;}
.ddp-ui-preview-contents .ddp-ui-title {padding:21px 0 24px 0; color:#4a515c; font-size:13px; font-weight:bold;}
.ddp-ui-preview-contents .ddp-ui-title.ddp-name {font-size:14px;padding-bottom:0;}
.ddp-ui-preview-contents .ddp-ui-title.ddp-name .ddp-sub {font-weight:300;}
.ddp-pop-datadetail .ddp-wrap-colum-detail .ddp-wrap-detail .ddp-ui-title.ddp-name + .ddp-ui-detail {border-top:none;}
ul.ddp-list-graph.ddp-bottom li .ddp-box-image {margin-top:0; margin-bottom:5px;}
ul.ddp-list-graph.ddp-bottom li .ddp-box-image img {display:block; width:100%; height:100%;}
ul.ddp-list-graph.ddp-cursor li {cursor:pointer;}
ul.ddp-list-graph {margin:20px -4px 0 -4px; overflow:hidden;}
ul.ddp-list-graph li {float:left; width:20%; padding:0 4px; box-sizing:border-box;}
ul.ddp-list-graph li .ddp-data-graph span.ddp-txt-det {display:block; color:#4b515b; font-size:12px;}
ul.ddp-list-graph li span.ddp-txt-sub {display:block; margin-top:5px; color:#90969f; font-size:12px;}
ul.ddp-list-graph li .ddp-box-image {margin-top:5px; height:137px; border:1px solid #dadada;}
.ddp-wrap-detail.ddp-type table.ddp-table-detail2{padding:0 20px; box-sizing:border-box;}
table.ddp-table-detail2 {width:100%; table-layout:fixed;}
table.ddp-table-detail2 tr th {padding:6px 0 6px 20px; text-align:left; font-size:13px; color:#90969f; font-weight:normal; word-break:break-all;}
table.ddp-table-detail2 tr th .ddp-wrap-hover-info {display:inline-block; position:relative; top:-2px; }
table.ddp-table-detail2 tr th .ddp-wrap-hover-info .ddp-icon-info3 {display:inline-block;width:11px; height:11px; position:relative; background:url(../../images/icon_que.png) no-repeat; background-position:left -12px;}
table.ddp-table-detail2 tr th .ddp-wrap-hover-info .ddp-box-layout4 {display:none; position:absolute; bottom:100%; left:100%; margin-left:5px;margin-bottom:-50px; width:350px;}
table.ddp-table-detail2 tr th .ddp-wrap-hover-info:hover .ddp-box-layout4 {display:block;}
table.ddp-table-detail2 tr th.ddp-th-valid {color:#26af5e;}
table.ddp-table-detail2 tr th.ddp-th-missing  {color:#ff2a1b;}
table.ddp-table-detail2 tr td {padding:6px 0;color:#4b515b; font-size:13px; word-break:break-all;}
table.ddp-table-detail2 tr td .ddp-wrap-datarecommend {margin-right:5px;}
table.ddp-table-detail2 tr td .ddp-box-tag-value {display:inline-block; padding:2px 3px;  margin:-3px 0 -4px 0;font-size:12px;}
table.ddp-table-detail2 tr td .ddp-link-url {color:#69a2f8; font-size:13px;}

table.ddp-table-detail2 tr td .ddp-box-tag-value.ddp-dimension {color:#439fe5; border:1px solid #439fe5;}
table.ddp-table-detail2 tr td .ddp-box-tag-value.ddp-measure {border:1px solid #4abccc; color:#4abccc;}

table.ddp-table-detail2 tr td .ddp-data-size .ddp-ui-bar-per {display:inline-block;margin-top:8px;}
table.ddp-table-detail2 tr td .ddp-data-size.type-error .ddp-txt-data .ddp-txt-size {color:#dc494f;}
table.ddp-table-detail2 tr td .ddp-data-size.type-error .ddp-ui-bar-per .ddp-ui-bar {background-color:#dc494f;}
table.ddp-table-detail2 tr td .ddp-data-size.type-error .ddp-ui-bar-per .ddp-bar-line {border-left:1px solid #fff;}
table.ddp-table-detail2.type-vertical-top tr th {vertical-align:top;}
table.ddp-table-detail2.ddp-nowrap tr td,
table.ddp-table-detail2.ddp-nowrap tr th {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
table.ddp-table-detail2 tr.ddp-tr-sub th {padding-left:36px;}

table.ddp-table-order {table-layout:fixed; width:60%; border-top:1px solid #b7b9c3; border-bottom:1px solid #b7b9c3;}
table.ddp-table-order tr:first-of-type td {border-top:none;}
table.ddp-table-order tr td {padding:13px 13px; border-top:1px solid #e7e7ea; font-size:14px; color:#4c515a;}

/**********************************************************************************
	차트 : 알리아스 값
**********************************************************************************/
.ddp-data-alias-column {position:relative; padding-left:19px; font-size:14px; font-weight:bold;}
.ddp-data-alias-column em[class*="ddp-icon-type"] {left:0}
.ddp-box-copy-table {position:absolute; top:153px; left:50px; right:50px; bottom:57px; padding-bottom:42px; border:1px solid  #b7b9c2;}
.ddp-box-copy-table .ddp-txt-info {position:absolute; top:-33px; right:0; font-size:12px; color:#b7b9c2;}
.ddp-box-copy-table .ddp-btn-bg {position:absolute; top:-38px; right:0; padding:7px 12px; border-radius:2px; color:#90969f;}
.ddp-box-copy-table .ddp-btn-bg .ddp-icon-reset {display:inline-block; margin-right:3px; width:14px; height:13px; background:url(../../images/icon_reset.png) no-repeat; background-position:-16px -20px; vertical-align:middle;}
.ddp-box-copy-table .ddp-btn-bg:hover {color:#4b515b;}
.ddp-box-copy-table .ddp-btn-bg:hover .ddp-icon-reset {background-position:-15px -34px;}
.ddp-box-copy-table .ddp-box-add-link3 {position:absolute; bottom:-1px; left:-1px; right:-1px;}
.ddp-box-copy-table .ddp-view-grid {width:100%; height:100%; overflow:auto;}

/**************************************************************
  popup : 맵 차트
**************************************************************/
.ddp-page-mapview .ddp-btn-color-heatmap1 {background:url(../../images/img_color_heatmap_type1.png) no-repeat; }
.ddp-page-mapview .ddp-btn-color-heatmap2 {background:url(../../images/img_color_heatmap_type2.png) no-repeat;}
.ddp-page-mapview .ddp-btn-color-heatmap3 {background:url(../../images/img_color_heatmap_type3.png) no-repeat;}
.ddp-page-mapview .ddp-btn-color-heatmap4 {background:url(../../images/img_color_heatmap_type4.png) no-repeat;}
.ddp-page-mapview .ddp-btn-color-heatmap5 {background:url(../../images/img_color_heatmap_type5.png) no-repeat;}
.ddp-page-mapview .ddp-btn-color-heatmap6 {background:url(../../images/img_color_heatmap_type6.png) no-repeat;}
.ddp-page-mapview .ddp-btn-color-heatmap7 {background:url(../../images/img_color_heatmap_type7.png) no-repeat;}
.ddp-page-mapview .ddp-box-down .ddp-wrap-divide .ddp-divide2 .ddp-wrap-colorby-button.ddp-solid-color {padding-left:0;height:25px;}

.ddp-page-mapview .ddp-box-down .ddp-wrap-divide .ddp-divide2 .ddp-wrap-colorby-button.ddp-solid-color .sp-preview,
.ddp-page-mapview .ddp-box-down .ddp-wrap-divide .ddp-divide2 .ddp-wrap-colorby-button.ddp-solid-color .sp-replacer{width:100%; height:100%;}
.ddp-page-mapview .ddp-box-down .ddp-wrap-divide .ddp-divide2 .ddp-wrap-colorby-button.ddp-solid-color .sp-preview:before {display:inline-block; position:absolute; top:0; left:0; width:26px; height:25px; background:url(../../images/btn_color.png) no-repeat; content:''; background-color:#fff; border-radius:3px; z-index:1;}
.ddp-page-mapview .ddp-box-down .ddp-wrap-divide .ddp-divide2 .ddp-wrap-colorby-button.ddp-solid-color .sp-preview-inner {position:absolute; top:0; left:0; right:0; bottom:0;}
.ddp-page-mapview .ddp-box-color .ddp-solid-color .sp-replacer.sp-active:before,
.ddp-page-mapview .ddp-box-color .ddp-solid-color .sp-replacer.sp-active:after,
.ddp-box-color .ddp-solid-color .sp-replacer.sp-active{border:none;}

.ddp-page-mapview .ddp-ui-drop-contents ul.ddp-list-source li em[class*="ddp-icon-mapview"] {position:absolute; top:6px; left:18px;}
.ddp-page-mapview .ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-mapview1:before {background-position:left top;}
.ddp-page-mapview .ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-mapview2:before {background-position:left -16px;}
.ddp-page-mapview .ddp-ui-drop-contents ul.ddp-list-source li em.ddp-icon-mapview3:before {background-position:left -32px;}

.ddp-page-mapview .ddp-ui-cahrt-layout .ddp-ui-layout-center .ddp-icon-mapview-guide {display:inline-block; width:30px; height:28px; margin-right:15px; background:url(../../images/icon_mapview_guide.png) no-repeat; vertical-align:middle;}
.ddp-page-mapview .ddp-ui-cahrt-layout .ddp-ui-layout-center .ddp-bg-chart-mapview {display:inline-block; width:307px; height:307px; position:absolute; top:50%; left:50%; margin:-154px 0 0 -154px; background:url(../../images/img_chart/img_map.png) no-repeat;}

/**************************************************************
   맵 차트 remark
**************************************************************/
.ddp-page-mapview .ddp-wrap-chart-layout {position:relative;}
.ddp-page-mapview .ddp-wrap-remark {position:absolute; top:7px; right:7px; bottom:7px; box-sizing:border-box;}
.ddp-page-mapview .ddp-layout-remark {position:absolute; top:0; right:0; max-height:100%;z-index:10; cursor:pointer; background-color:rgba(255,255,255,0.9); border:1px solid #e7e7ea; border-radius:2px; overflow:auto;}
.ddp-page-mapview .ddp-layout-remark:hover {border:1px solid #9a9fa7;}
.ddp-page-mapview .ddp-layout-remark.ddp-small {border:none !important;}

.ddp-page-mapview .ddp-wrap-remark.ddp-right-bottom .ddp-layout-remark {top:initial; bottom:0;}
.ddp-page-mapview .ddp-wrap-remark.ddp-left-bottom,
.ddp-page-mapview .ddp-wrap-remark.ddp-left-top{right:initial; left:37px;}
.ddp-page-mapview .ddp-wrap-remark.ddp-left-bottom .ddp-layout-remark {top:initial; bottom:0; left:0; right:initial;}
.ddp-page-mapview .ddp-wrap-remark.ddp-left-top .ddp-layout-remark {top:0; bottom:initial; right:initial;}

.ddp-page-mapview .ddp-layout-remark .ddp-remark-size-b {display:block; position:relative; width:150px;   overflow:auto; box-sizing:border-box;}

.ddp-page-mapview .ddp-layout-remark.ddp-small .ddp-remark-size-s {display:block;}
.ddp-page-mapview .ddp-layout-remark.ddp-small .ddp-remark-size-b {display:none;}

.ddp-page-mapview .ddp-layout-remark .ddp-remark-size-s {display:none; position:relative; width:25px; height:25px; border-radius:3px; border:1px solid #626770; background-color:rgba(255,255,255,0.9);}
.ddp-page-mapview .ddp-layout-remark .ddp-remark-size-s:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:12px; height:11px; background:url(../../images/icon_size_remark.png) no-repeat; content:'';}
.ddp-page-mapview .ddp-layout-remark .ddp-btn-size {display:inline-block; position:absolute; top:10px; right:10px; width:11px; height:11px; background:url(../../images/btn_size_remark.png) no-repeat;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer {position:relative; padding:9px 9px;}

.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer + .ddp-ui-layer {border-top:1px solid #ededee;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-label {display:block; padding-bottom:2px; color:#4a515c; font-size:12px; font-weight:bold;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-label + .ddp-data {padding-top:0;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-data {display:block; padding:6px 0 0 0; color:#90969f; font-size:11px;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-list-remark {padding:6px 0 0 0;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-list-remark li {position:relative; padding-left:20px; color:#4a515c; font-size:11px; vertical-align:middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-list-remark li em.ddp-bg-remark-r,
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-list-remark li em.ddp-bg-remark {display:inline-block; position:absolute; top:50%; left:0; margin-top:-7px; width:14px; height:14px; margin-right:6px;  vertical-align:middle;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-list-remark li em.ddp-bg-remark-r {border-radius:50%;}
.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-list-remark li + li {margin-top:6px;}

.ddp-page-mapview .ddp-layout-remark .ddp-ui-layer .ddp-list-remark li em.ddp-bg-remark-triangle {display:inline-block;position:absolute; top:50%; left:0; margin-top:-6px; width:0; height:0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom:12px solid;}

/**************************************************************
   맵 차트 slider form
**************************************************************/
.ddp-page-mapview .ddp-form-slider {position:relative; padding-right:70px;}
.ddp-page-mapview .ddp-form-slider .ddp-input-typebasic {position:absolute; top:50%; right:0; margin-top:-15px;width:60px;}
.ddp-page-mapview .ddp-form-slider .ddp-box-option-input {position:absolute; top:50%; right:0; margin-top:-15px;width:60px; padding-right:18px;}
.ddp-box-option-input.ddp-type .ddp-txt-input {float:right;}

/**************************************************************
   맵 차트 tooltip
**************************************************************/
.ddp-map-tooltip .ddp-tooltip-view {display:inline-block; position:absolute; left:90px; bottom:-6px; width:4px; height:8px; background:url(../../images/icon_tagview.png) no-repeat; transform:rotate(-90deg);}

/* 라이브러리 tooltip */
.ol-viewport {overflow:inherit !important;}
.ol-viewport .ol-overlaycontainer .ol-overlay-container.ol-selectable {z-index:15;}

/**********************************************************************************
	사용자지정
**********************************************************************************/
/* 팝업 타이틀 */
.ddp-label-pop-title {padding:7px 0; color:#b7b9c2; font-size:13px; font-weight:bold;}
.ddp-ui-top span.ddp-ui-sub-title {display:block; padding:5px 0 0 0; color:#4c515a; font-size:13px; font-weight:bold;}

.ddp-ui-popup-contents .ddp-wrap-edit3 {margin-bottom:20px;}
.ddp-ui-popup-contents .ddp-wrap-edit3.ddp-mgb0 {margin-bottom:0;}

.ddp-account-top {padding-bottom:18px; overflow:hidden;}
.ddp-account-top .ddp-label {color:#4c515a; font-size:13px; font-weight:bold;}
.ddp-account-top .ddp-error {float:right; color:#ca4b4b; font-style:italic; font-size:13px;}
.ddp-ui-accout-textarea {position:relative; width:100%; height:220px; background-color:#f9f9f9;}
.ddp-ui-accout-textarea .ddp-wrap-edit {width:100%; height:100%;}
.ddp-ui-accout-textarea .ddp-wrap-edit .ddp-ui-edit {display:inline-block; padding:25px 30px; width:100%; height:100%; color:#b7b9c2; font-size:13px; line-height:18px; border:none; border-top:1px solid #e7e7ea; border-bottom:1px solid #e7e7ea; overflow-y:auto; white-space:pre-wrap; box-sizing:border-box; z-index:1;}
.ddp-ui-accout-textarea .ddp-ui-message {position:absolute; bottom:20px; right:20px;}
.ddp-ui-accout-textarea .ddp-ui-message a.ddp-btn-pop {margin-left:7px;}
.ddp-ui-accout-textarea .ddp-wrap-popup2 {position:absolute; top:0; left:0; width:248px;}
[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block; /* For Firefox */
}
.ddp-wrap-popup2.ddp-accout-popup {position:fixed; left:0; top:0; width:248px; max-height:230px; z-index:127; overflow-y:auto; word-break: break-all;}
.ddp-wrap-popup2.ddp-types.ddp-accout-popup ul.ddp-list-popup li a {white-space:normal;}
.ddp-ui-account-search {position:absolute; top:410px; left:0; right:0; bottom:0; padding:0 50px 30px 50px; box-sizing:border-box;}
.ddp-ui-popup-contents.page-flex {display:flex; flex-direction: column;}
.page-flex .ddp-ui-accout-textarea {display:flex;flex:1 1 0; margin-bottom:20px;}
.page-flex .ddp-ui-account-search{display:flex; flex:1 1 0; height:100%; position:relative; top:0; left:0; right:0; bottom:0; padding:0 0 30px 0;}
.page-flex .ddp-ui-formula {margin-top:-32px; padding-top:32px;}
.page-flex .ddp-ui-formula .ddp-ui-typebasic {top:32px;}

.ddp-ui-account-search .ddp-wrap-form-list {float:left; height:100%; margin-top:-30px; padding:30px 0 0 0; box-sizing:border-box;}
.ddp-ui-account-search .ddp-wrap-add-list {position:relative; float:left; width:305px; height:100%;border-right:1px solid #e7e7ea;  box-sizing:Border-box; z-index:1;}
.ddp-ui-account-search .ddp-wrap-add-list .ddp-ui-page {position:absolute; bottom:15px; left:10px;}
.ddp-wrap-add-list .ddp-ui-top {position:relative;}
.ddp-wrap-add-list .ddp-ui-top .ddp-ui-sub-title {padding-left:10px;}
.ddp-wrap-add-list .ddp-ui-top .ddp-ui-sort {position:absolute; top:-10px; right:20px; margin-top:0;}
.ddp-wrap-add-list .ddp-ui-top .ddp-ui-page {position:absolute; top:10px; right:20px;}
.ddp-wrap-add-list ul.ddp-list-typebasic {position:absolute; top:40px; left:0; right:22px; bottom:0; overflow-y:auto;}
.ddp-wrap-add-list ul.ddp-list-typebasic.type-page {bottom:45px;}
.ddp-wrap-formula {float:left; position:relative; width:100%; height:100%; margin:-30px 0 0 -305px;padding:30px 0 0 325px; border-bottom:1px solid #e7e7ea; box-sizing:border-box;}

@keyframes boxSize {
  from {width: 240px;}
  to {width: 100%;}
}

@keyframes boxSizeLeft {
  from {width: 100%;}
  to {width: 241px;}
}

.ddp-ui-formula {float:left; position:relative; width:258px; height:100%; padding:0 9px 0 0; box-sizing:border-box; background-color:#fff; z-index:1;}

.ddp-ui-formula.ddp-full {width:100%;}
.ddp-view-formula {position:relative; height:100%; margin-top:-28px; padding-top:28px; box-sizing:border-box;}
.ddp-view-formula .ddp-ui-option {float:left; position:relative; width:100%; z-index:2;}
.ddp-view-formula .ddp-ui-option .ddp-type-search {float:left; width:250px; box-sizing:border-box;}
.ddp-view-formula .ddp-ui-option .ddp-wrap-edit3 {float:right; width:auto; margin-bottom:0;}
.ddp-view-formula .ddp-ui-option .ddp-wrap-edit3 label.ddp-label-type {width:auto; padding-right:6px;}
.ddp-view-formula .ddp-ui-option .ddp-wrap-edit3 .ddp-type-selectbox {width:155px;}
.ddp-ui-formula .ddp-form-search {width:100%; margin-bottom:13px;}
.ddp-ui-formula .ddp-ui-typebasic {position:absolute; top:80px; left:0; right:0; bottom:0; overflow-y:auto;}

.ddp-view-formula .ddp-ui-detail {position:absolute; top:70px; left:270px; bottom:0; right:0; padding:0 10px 20px 10px; box-sizing:border-box; border:1px solid #e7e7ea; border-bottom:none; overflow-y:auto; color:#90969f; font-size:13px;}
.ddp-view-formula .ddp-ui-detail .ddp-txt-part {display:block;}
.ddp-view-formula .ddp-ui-detail .ddp-txt-part .ddp-txt-list {display:block; padding-top:10px;}
.ddp-view-formula .ddp-ui-detail .ddp-txt-part .ddp-txt-list:first-of-type {padding-top:0;}
.ddp-view-formula .ddp-ui-detail .ddp-txt-part .ddp-txt-list .ddp-txt-sub-det {color:#83ae4a}
.ddp-view-formula .ddp-ui-detail .ddp-btn-close {display:inline-block; position:absolute; right:27px; top:19px; width:16px; height:16px; background:url(../../images/btn_close.png) no-repeat; cursor: pointer;}
.ddp-view-formula .ddp-ui-detail .ddp-ui-det-title {display:block; padding:15px 0 5px 0; color:#4b515b; font-size:13px; font-weight:bold;}
.ddp-view-formula .ddp-ui-detail .ddp-ui-det-category {display:block; padding-bottom:25px; font-size:11px; color:#4b515b;}
.ddp-view-formula .ddp-ui-detail .ddp-txt-det {display:block; padding-bottom:10px; color:#90969f; font-size:13px; line-height:21px;}
.ddp-view-formula .ddp-ui-detail .ddp-data-start {color:#2774a1;}
.ddp-view-formula .ddp-ui-detail .ddp-data-end {color:#dd5e82;}
.ddp-view-formula .ddp-ui-detail .ddp-list-det {padding:10px 0 0 0;}

.ddp-view-formula .ddp-ui-detail .ddp-list-det li {position:relative; padding-left:10px; color:#90969f; font-size:13px;}
.ddp-view-formula .ddp-ui-detail .ddp-list-det li:before {display:inline-block; position:absolute; top:6px; left:0; width:4px; height:4px; margin-right:5px; background-color:#90969f; border-radius:50%; vertical-align:middle; content:'';}
.ddp-view-formula.ddp-full .ddp-ui-detail {display:none;}
.ddp-ui-userfield {position:absolute; top:240px; left:50px; right:50px; bottom:0; padding:40px 0 0 0; border-top:1px solid #e7e7ea;}

.ddp-ui-userfield .ddp-ui-setting {float:left; width:48%; height:100%; padding-right:20px; box-sizing:border-box; border-right:1px solid #e7e7ea;}
.ddp-ui-userfield .ddp-ui-account-search {float:left; position:relative; width:52%;padding:0 0 0 20px; top:0; box-sizing:border-box;}
.ddp-ui-userfield .ddp-ui-account-search .ddp-wrap-add-list {width:100%; border-right:none;}
.ddp-ui-userfield .ddp-ui-account-search .ddp-wrap-add-list .ddp-ui-top .ddp-ui-page {right:45px;}

/**********************************************************************************
	dataflow v2
**********************************************************************************/
.ddp-wrap-popup2.ddp-type {position:relative; max-height:267px; overflow-y:auto;}
.ddp-wrap-popup2.ddp-type ul.ddp-list-popup {max-height:225px; overflow-y:auto;}
.ddp-wrap-popup2.ddp-type ul.ddp-list-popup li a {padding:14px 19px;}
.ddp-wrap-popup2.ddp-type ul.ddp-list-popup li a .ddp-icon-dataset3 {position:relative; top:-2px;}
.ddp-wrap-popup2.ddp-type ul.ddp-list-popup li.ddp-selected a .ddp-icon-dataset3 {background-position:-40px top;}
.ddp-wrap-popup2.ddp-type ul.ddp-list-popup li.ddp-selected a span.ddp-data-name {color:#666eb2; font-weight:bold;}
.ddp-wrap-popup2.ddp-type ul.ddp-list-popup li a span.ddp-data-name {color:#4b515b; font-size:13px;}

.ddp-wrap-flow {position:fixed; top:48px; left:0; right:0; bottom:214px; overflow:auto; background-color:#e7e7ea; z-index:9;}
.ddp-wrap-flow.ddp-split {position:relative; left:0; top:0; bottom:0; width:100%; height:100%; margin-top:-48px; padding-top:48px; box-sizing:border-box; overflow:hidden;}

.ddp-top-flow {position:relative; height:48px; background-color:#e7e7ea; z-index:10;}
.ddp-top-flow .ddp-data-form {float:right; padding-right:20px; margin-top:9px; font-size:12px; color:#9ba0ab;}
.ddp-top-flow .ddp-data-form .ddp-btn-return {float:left; position:relative; top:5px; margin-left:20px;}
.ddp-top-flow .ddp-data-form span.ddp-txt-date {float:left; line-height:30px;}
.ddp-top-flow .ddp-data-form .ddp-ui-more {float:left; margin-top:5px; margin-left:10px;}
.ddp-top-flow .ddp-data-form .ddp-ui-more.ddp-selected .ddp-data-box {display:block;}
.ddp-top-flow .ddp-data-form a.ddp-btn-info {display:inline-block; position:relative; width:29px; height:29px; margin-left:5px; border:1px solid transparent; border-radius:2px; background:none; vertical-align:middle;}
.ddp-top-flow .ddp-data-form  a.ddp-btn-info em.ddp-icon-myinfo {display:inline-block; position:absolute; top:50%; left:50%; width:15px; height:3px; margin:-2px 0 0 -8px; background:url(../../images/icon_more.png) no-repeat; background-position:left -8px; transform:rotate(90deg);}
.ddp-top-flow .ddp-data-form  a.ddp-btn-info:hover em.ddp-icon-myinfo {background-position:left -4px;}

.ddp-top-flow .ddp-data-form a.ddp-btn-info.ddp-selected + .ddp-data-box {display:block;}
.ddp-top-flow .ddp-data-form .ddp-data-box {display:none; position:absolute; top:100%; margin-top:10px; right:10px; width:250px; padding-bottom:5px; background-color:#fff; border:1px solid #ddd; border-radius: 2px; box-sizing:border-box;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
}
.ddp-top-flow .ddp-data-form .ddp-data-box .ddp-data-by {display:block; padding:10px 9px; border-top:1px solid #ddd; color: #abb1bb; font-size:12px;}
.ddp-top-flow .ddp-data-form .ddp-data-box a.ddp-list-link {display:block; padding:10px 9px; color:#4b525b; font-size:13px;}
.ddp-top-flow .ddp-data-form .ddp-data-box a.ddp-list-link:hover {background-color:#f6f6f7;}
.ddp-top-flow .ddp-data-form .ddp-data-box a.ddp-list-link em.ddp-icon-create {display:inline-block; width:13px; height:13px; margin-right:5px; background:url(../../images/icon_add.png) no-repeat; background-position:left -22px;}
.ddp-top-flow .ddp-data-form .ddp-data-box a.ddp-list-link .ddp-icon-drop-re {position:Relative; top:0; left:0; margin-top:0; margin-right:5px;}
.ddp-top-flow .ddp-wrap-navi {padding:0 0 0 10px; height:48px; box-sizing:border-box; overflow:hidden;}
.ddp-top-flow .ddp-wrap-navi:before,
.ddp-top-flow .ddp-wrap-navi:after {display:table; content:'';}
.ddp-top-flow .ddp-wrap-navi:after {clear:both;}
.ddp-top-flow .ddp-wrap-navi a.ddp-btn-back {position:relative; float:left; width:50px; height:48px; margin:0 5px 0 -10px;}
.ddp-top-flow .ddp-wrap-navi a.ddp-btn-back:before {display:inline-block; position:absolute; top:50%; left:22px; margin-top:-8px; width:17px; height:16px; background:url(../../images/btn_back.png) no-repeat; vertical-align: middle; content:'';}

.ddp-top-flow .ddp-wrap-navi .ddp-ui-naviarea {overflow:hidden;}
.ddp-top-flow .ddp-wrap-navi span.ddp-ui-navitag {float:left; position:relative; top:16px; padding:2px 3px; margin-right:8px; border:1px solid #90969f; border-radius:2px; font-size:10px; color:#4b515b; font-weight:bold; line-height:1em;}
.ddp-top-flow .ddp-wrap-navi .ddp-icon-dbdata2 {float:left;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi {position:relative; display:block; float:left; padding:14px 0;}

.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi {display:inline-block; position:relative; padding-left:26px; color:#4b515b; font-weight:300; vertical-align: middle;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi:before {display:inline-block; position:absolute; top:50%; left:9px; margin-top:-5px; width:7px; height:9px; background:url(../../images/icon_navi2.png) no-repeat; content:'';}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi:last-of-type:hover .ddp-icon-select {display:inline-block;}

.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi:first-of-type {padding-left:0; margin-left:0; background:none;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi:first-of-type:before {display:none;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi input.ddp-input-navi {display:none; position:absolute; top:0; left:0; right:0; bottom:0; padding:0 10px; width:100%; color:#545c66; font-size:16px; border:none; background-color:#d9dadf; box-sizing:border-box;}

.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-txt-navi {min-width:120px; color:#545c66; font-size:16px;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi.ddp-data-flow {top:-2px; padding-left:10px;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi.ddp-data-flow:first-of-type {padding-left:0;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi.ddp-data-flow:before {display:none;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi {display:inline-block; position:relative; padding:3px 4px; min-width:100px; height:26px; vertical-align: middle; box-sizing:border-box;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi.ddp-link-detail {padding:5px 4px;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi .ddp-txt-navi {color:#545c66; font-size:16px; vertical-align:middle;}

.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi:hover,
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi.ddp-selected {background-color:#d9dadf;}

.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi em.ddp-icon-edit2 {display:none;position:relative; top:0; margin-left:15px;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi.ddp-link-detail em.ddp-icon-edit2 {top:-1px;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi.ddp-selected:hover em.ddp-icon-edit2 {display:none;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi:hover em.ddp-icon-edit2 {display:inline-block;}

.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi.ddp-selected input.ddp-input-navi {display:inline-block;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi em.ddp-icon-select {display:none; margin-left:7px; width:9px; height:5px; background:url(../../images/icon_drop2.png) no-repeat; vertical-align: middle;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi.ddp-selected em.ddp-icon-select {display:inline-block;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi.ddp-selected input.ddp-input-navi {display:inline-block;}
.ddp-top-flow .ddp-data-navi.ddp-selected .ddp-data-sub-navi {display:block;}

.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi.ddp-link-detail .ddp-txt-navi {font-size:12px; color:#90969f;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi.ddp-link-detail .ddp-txt-navi.ddp-datanone {color:#b7b9c2;}
.ddp-top-flow .ddp-wrap-navi .ddp-ui-navi .ddp-data-navi a.ddp-link-navi.ddp-link-detail input.ddp-input-navi {font-size:12px; color:#9ba0ab;}

.ddp-top-flow .ddp-data-sub-navi {display:none; positioN:absolute; top:24px; left:37px; white-space:nowrap; background-color:#fff;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
}
.ddp-top-flow .ddp-data-sub-navi span.ddp-data-total {display:block; padding:7px 15px; font-size:12px; color:#acb2bb;}
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi {width:189px;}
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li {}
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li a {display:block; position:relative; padding:7px 15px 7px 35px; color:#4b525b; font-size:12px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li a em.ddp-icon-dataset-s {position:absolute; top:50%; left:13px; margin-top:-8px;}
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li a:hover {background-color:#f6f6f7;}
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li a:hover em.ddp-icon-dataset-s {background-position:-15px -20px;}
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li.ddp-selected a,
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li.ddp-selected a:hover {background-color:#edebf5; color:#666eb2;}
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li.ddp-selected a em.ddp-icon-dataset-s,
.ddp-top-flow .ddp-data-sub-navi ul.ddp-list-sub-navi li.ddp-selected a:hover em.ddp-icon-dataset-s {background-position:left -20px;}

.ddp-top-flow .ddp-ui-buttons {position:absolute; top:50%; right:12px; margin-top:-15px;}
.ddp-top-flow .ddp-ui-buttons a[class*="ddp-btn-"] {margin-right:5px;}

/*.ddp-top-flow .ddp-ui-more.ddp-selected .ddp-icon-more:before {background-position:left -12px}*/
/*.ddp-top-flow .ddp-ui-more .ddp-wrap-popup2 {display:none; position:absolute; top:100%; right:-10px; margin-top:10px; width:250px;}*/
/*.ddp-top-flow .ddp-ui-more.ddp-selected .ddp-wrap-popup2 {display:block;}*/
em.ddp-icon-shot {display:inline-block; width:16px; height:11px; margin-right:7px; background:url(../../images/icon_shot.png) no-repeat; vertical-align:middle;}
a:hover em.ddp-icon-shot {background-position:-17px top;}

.ddp-wrap-flow .ddp-wrap-flow-grid {position:absolute; top:0; bottom:0; left:0; right:377px; min-height:117px; background-color:#fff;}
.ddp-wrap-flow .ddp-wrap-flow-grid .ddp-wrap-grid-option {height:55px; border-bottom:1px solid  #eaeaec; box-sizing:border-box;}
.ddp-wrap-flow .ddp-ui-bar-right {position:absolute; top:0; right:370px;; bottom:0; width:7px;background-color:#e7e7ea; z-index:1; cursor:pointer;}
.ddp-wrap-flow .ddp-ui-bar-right:before {display:inline-block; content:''; position:absolute; top:50%; left:50%;  margin:-7px 0 0 -1px; width:2px; height:13px; background:url(../../images/icon_bar.png) no-repeat;}

.ddp-wrap-flow .ddp-ui-bar-bottom {position:absolute; left:0; right:0; bottom:0; height:7px; background-color:#e7e7ea; z-index:1; cursor:pointer;}
.ddp-wrap-flow .ddp-ui-bar-bottom:before {display:inline-block; content:''; position:absolute; top:50%; left:50%; margin:-7px 0 0 -1px; width:2px; height:13px; background:url(../../images/icon_bar.png) no-repeat; transform:rotate(90deg)}

.ddp-wrap-flow .ddp-wrap-flow-grid .ddp-box-gridarea {position:absolute; padding-top:55px; left:0; right:0; bottom:0; width:100%; height:100%; border:none; box-sizing:border-box; border-top:1px solid #ddd }
.ddp-wrap-flow .ddp-wrap-flow-grid .ddp-box-gridarea .ddp-ui-gridbody {top:35px;}
.ddp-box-gridarea.ddp-wrap-result-expand.ddp-ui-import-grid .ddp-wrap-grid {top:0;}
.ddp-wrap-flow .ddp-wrap-flow-grid .ddp-box-gridarea span.ddp-txt-mssing {color:#da5359;}
.ddp-type-morepopup {position:fixed;}
.ddp-wrap-flow .ddp-wrap-rules-flow {position:absolute; top:0; right:0; bottom:0; width:370px; background-color:#fff;}
.ddp-wrap-flow .ddp-wrap-rules-flow .ddp-box-title {position:relative;}
.ddp-wrap-flow .ddp-wrap-rules-flow.ddp-split {position:relative; top:0; left:0; right:0; bottom:0; width:inherit; height:100%;}
.ddp-type-preview .ddp-wrap-grid-option {background-color:#f6f6f7; border-bottom:1px solid #e7e7ea;}
.ddp-type-contents-in .ddp-wrap-grid-option.ddp-top-option {padding-bottom:0; margin-bottom:0;}
.ddp-wrap-grid-option {position:relative; z-index:50;}
.ddp-wrap-grid-option .ddp-part-left {float:left;}
.ddp-wrap-grid-option .ddp-part-right {float:right; padding-right:15px;}

.ddp-wrap-grid-option .ddp-list-tab-button {float:left;}
.ddp-wrap-tab-dashboard .ddp-ui-setting ul.ddp-list-tab-button {margin:4px 0 0 20px;}

.ddp-wrap-grid-option .ddp-part-right .ddp-type-search {float:left; width:200px; margin-top:15px; box-sizing:border-box;}
.ddp-wrap-grid-option .ddp-data-form {display:inline-block; position:relative; padding:19px 0 12px 0; margin-left:17px; color:#4b515b; font-size:12px; font-weight:300; }
.ddp-wrap-grid-option .ddp-data-form strong {color:#4b515b; font-weight:bold;}
.ddp-wrap-grid-option .ddp-data-form input.ddp-data-input {display:inline-block; width:80px; padding:4px 9px; box-sizing:border-box; border:none; border-bottom:1px solid #d7d8dc; background:none; color:#656eb2; font-size:12px;}
.ddp-wrap-grid-option .ddp-data-form .ddp-wrap-popup2 {position:absolute; right:0; top:47px;}
.ddp-wrap-rules-flow {padding:0 11px; box-sizing:border-box;}
.ddp-rule-tab {padding:19px 11px; margin:0 -11px; overflow:hidden; border-bottom:1px solid #eaeaec;}
.ddp-rule-tab li {float:left; }
.ddp-rule-tab li a {display:inline-block; position:relative; padding:0 13px; color:#b8b9c2; font-size:13px;}
.ddp-rule-tab li + li a:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-7px; height:14px; border-left:1px solid #e7e7ea; content:'';}
.ddp-rule-tab li.ddp-selected a {color:#6f7cc4; font-weight:bold;}
.ddp-rule-tab li a em.ddp-icon-selected {display:inline-block; width:5px; height:5px; margin-left:2px; border-radius:50%; background-color:#6f7cc4; vertical-align:top; content:'';}
.ddp-wrap-rules-flow.ddp-snapshot .ddp-box-title {padding:20px 0 15px 0; border-bottom:1px solid  #eaeaec; color:#36393f; font-size:14px; font-weight:bold; line-height:18px;}
.ddp-wrap-rules-flow.ddp-snapshot .ddp-box-title em.ddp-data-num {display:inline-block; padding:2px 2px 1px 2px; min-width:18px; min-height:18px; margin-right:6px; color:#3d4147; font-size:9px; text-align:center; border-radius:50%; border:1px solid #3d4147; vertical-align:middle; box-sizing:border-box;}

.ddp-wrap-rules-flow .ddp-ui-buttons {position:absolute; top:50%; right:20px; margin-top:-10px;}
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh,
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh2 {display:inline-block; width:17px; height:16px; margin-left:10px; background:url(../../images/btn_refresh.png) no-repeat;}
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh2 {background-position:-18px top;}
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh:hover {background-position:left -17px;}
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh2:hover {background-position:-18px -17px;}
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh.ddp-disabled,
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh2.ddp-disabled {opacity:0.4; cursor: no-drop;;}
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh.ddp-disabled:hover {background-position:left top;}
.ddp-wrap-rules-flow .ddp-ui-buttons a.ddp-icon-refresh2.ddp-disabled:hover {background-position:-18px top;}
ul.ddp-list-snapshot {position:absolute; top:0; left:0; right:0; bottom:76px; overflow:auto;}
ul.ddp-list-snapshot li {position:relative;}
ul.ddp-list-snapshot li > .ddp-txt-snapshot {display:block; position:relative; padding:15px 30px 14px 67px; border-bottom:1px solid #eaeaec; cursor:pointer;}

ul.ddp-list-snapshot li > .ddp-txt-snapshot:after {display:inline-block; position:absolute; top:50%; right:18px; margin-top:-6px; width:6px; height:11px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -68px; content:'';}
ul.ddp-list-snapshot li > .ddp-txt-snapshot.ddp-disabled:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; content:''; z-index:1;}
ul.ddp-list-snapshot li > .ddp-txt-snapshot.ddp-disabled:after {display:none;}
ul.ddp-list-snapshot li > .ddp-txt-snapshot.ddp-disabled {opacity:0.3; border-bottom:none;}

ul.ddp-list-snapshot li .ddp-txt-cancel {padding-bottom:13px; text-align:center; vertical-align:middle;}
ul.ddp-list-snapshot li .ddp-txt-cancel .ddp-txt-det {display:block; padding-bottom:15px; text-align:center; color:#3e4148; font-size:14px;}
ul.ddp-list-snapshot li .ddp-txt-cancel a {display:inline-block; margin:0 2px; vertical-align:middle;}
ul.ddp-list-snapshot li .ddp-txt-snapshot em.ddp-icon-snap-success,
ul.ddp-list-snapshot li .ddp-txt-snapshot em.ddp-icon-snap-failed,
ul.ddp-list-snapshot li .ddp-txt-snapshot em.ddp-icon-snap-cancel,
ul.ddp-list-snapshot li .ddp-txt-snapshot em.ddp-icon-snap-play {display:inline-block; width:32px; height:32px; position:absolute; top:50%; left:19px; margin-top:-16px; background:url(../../images/icon_snapshot.png) no-repeat;}
ul.ddp-list-snapshot li .ddp-txt-snapshot em.ddp-icon-snap-failed {background-position:left -33px;}
ul.ddp-list-snapshot li .ddp-txt-snapshot em.ddp-icon-snap-cancel {background-position:0 -99px;}
ul.ddp-list-snapshot li .ddp-txt-snapshot em.ddp-icon-snap-play {background-position:left -66px;}
ul.ddp-list-snapshot li .ddp-txt-snapshot em.ddp-icon-snap-play .ddp-icon-cancel {display:inline-block; position:absolute; bottom:-4px; right:-4px; width:15px; height:15px; background:url(../../images/icon_delete.png) no-repeat; background-position:left -14px; content:''; border:1px solid #fff; background-color:#fff;}
ul.ddp-list-snapshot li .ddp-ui-progress {display:inline-block; position:absolute; bottom:0; left:0; right:0; height:5px; background-color:#e7e7ea;}

ul.ddp-list-snapshot li .ddp-ui-progress span.ddp-bar {position:absolute; top:0; left:0; height:5px; background:#666eb2; }
ul.ddp-list-snapshot li .ddp-ui-progress.ddp-disabled {opacity:0.3;}
ul.ddp-list-snapshot li a .ddp-data-det .ddp-data-title {display:block; padding-bottom:6px;  color:#3e4148; font-size:14px;}
ul.ddp-list-snapshot li a .ddp-data-det .ddp-data-date {display:block; color:#b7b9c2; font-size:12px;}

ul.ddp-list-snapshot li a em.ddp-icon-snap-failed {background-position:left -33px;}
.ddp-ui-rule-flow {position:absolute; top:56px; left:0; right:0; bottom:0; overflow-y:auto;}
.ddp-ui-rule-flow .ddp-ui-link {position:absolute; bottom:0; left:0; right:0; padding:23px 0; text-align:center;}
.ddp-wrap-tab-contents .ddp-wrap-rules-flow.ddp-snapshot {right:0;}
.ddp-wrap-rules-flow.ddp-snapshot {position:absolute; bottom:0; right:291px; left:0; height:255px; padding:0 17px;}
.ddp-wrap-rules-flow.ddp-snapshot ul.ddp-list-rule2 li {cursor:default; padding:6px 17px;}
.ddp-wrap-rules-flow.ddp-snapshot ul.ddp-list-rule2 li:hover {background:none;}

ul.ddp-list-rule2 {padding:10px 0 0 0;}
/*ul.ddp-list-rule2.ddp-insert-step li:after {display:inline-block; position:absolute; top:0; left:0; right:0;bottom:0; content:''; z-index:50}*/
ul.ddp-list-rule2 li.ddp-edit:after {display:inline-block; position:absolute; top:0; left:0; right:0;bottom:0; content:''; z-index:50;}
ul.ddp-list-rule2 li.ddp-edit .ddp-wrap-line-add {display:none;}
ul.ddp-list-rule2 li .ddp-data-type {float:left; position:relative; min-width:23px; min-height:18px; margin-right:5px; margin-top:-1px; color:#727ab7; font-size:13px; box-sizing:border-box; vertical-align:middle;}
ul.ddp-list-rule2 li .ddp-data-type .ddp-ui-round {display:inline-block; width:17px; height:17px; line-height:17px; text-align:center; border-radius:50%; color:#727ab7; font-size:9px; border:1px solid #727ab7; overflow:hidden; vertical-align:middle;}
ul.ddp-list-rule2 li .ddp-ui-code {display:block; font-size:13px; line-height:18px; color:#444; overflow:hidden;}
ul.ddp-list-rule2 li .ddp-ui-code .ddp-type-code {color:#727ab7; font-size:13px; line-height:18px;}
ul.ddp-list-rule2 li .ddp-ui-code.ddp-error {color:#eb5f58;}
ul.ddp-list-rule2 li .ddp-ui-code.ddp-error2 {color:rgba(235,95,88,0.5);}

ul.ddp-list-rule2 li .ddp-ui-tooltip-info {margin-top:5px; top:100%; left:25px; max-width:250px; white-space:normal;}
ul.ddp-list-rule2 li .ddp-ui-tooltip-info.ddp-top {bottom:100%; top:inherit;}
ul.ddp-list-rule2 li .ddp-ui-tooltip-info .ul.ddp-list-rule2 li .ddp-ui-tooltip-info {left:30px;}
ul.ddp-list-rule2 li.ddp-disabled * {color:#b8bac2 !important;}
ul.ddp-list-rule2 li.ddp-disabled .ddp-ui-tooltip-info {color:#fff !important;}
ul.ddp-list-rule2 li.ddp-disabled2 * {color:#b8bac2 !important;}
ul.ddp-list-rule2 li.ddp-disabled2 .ddp-data-type .ddp-ui-round {border:1px solid #b8bac2;}
ul.ddp-list-rule2 li.ddp-disabled2 .ddp-ui-tooltip-info {color:#fff !important;}
ul.ddp-list-rule2 li.ddp-disabled { cursor:no-drop;}
ul.ddp-list-rule2 li.ddp-disabled .ddp-data-type .ddp-ui-round {border:1px solid #b8bac2; color:#b8bac2; }

ul.ddp-list-rule2 li {position:relative;}
ul.ddp-list-rule2 li .ddp-view-data {position:relative; padding:6px 20px 6px 20px; cursor:pointer;}
ul.ddp-list-rule2 li .ddp-view-data:hover {background-color:#f6f6f7;}
ul.ddp-list-rule2 li .ddp-view-data:hover .ddp-ui-tooltip-info {display:block; margin-top:0; z-index:20}
ul.ddp-list-rule2 li .ddp-view-data.ddp-tooltip-none:hover .ddp-ui-tooltip-info {display:none;}
ul.ddp-list-rule2 li .ddp-view-data.ddp-edit {position:relative; background-color:#ebecf4;}
ul.ddp-list-rule2 li .ddp-view-data.ddp-edit .ddp-ui-edit-button,
ul.ddp-list-rule2 li .ddp-view-data.ddp-edit:hover .ddp-ui-edit-button
{background-color:#ebecf4;}
ul.ddp-list-rule2 li .ddp-view-data.ddp-edit .ddp-ui-edit-button .ddp-btn-link {float:left; position:relative; width:40px; height:100%;}

ul.ddp-list-rule2 li .ddp-view-data.ddp-edit .ddp-btn-icon {display:none;}
ul.ddp-list-rule2 li .ddp-view-data.ddp-edit .ddp-btn-link {display:block;}
ul.ddp-list-rule2 li .ddp-wrap-line-add {position:absolute; left:0; right:0; top:100%;cursor:pointer; padding:6px 0 0 0; height:6px; box-sizing:border-box; overflow:hidden; z-index:10;}
ul.ddp-list-rule2 li .ddp-wrap-line-add.ddp-top {position:absolute; top:0;}
ul.ddp-list-rule2 li .ddp-wrap-line-add:hover{position:relative; height:29px; padding-top:0; clear:both;
  -webkit-transition: height 0.2s; /* Safari */
  transition: height 0.2s;
}
ul.ddp-list-rule2 li .ddp-wrap-line-add .ddp-line-add {display:block; background-color:#ebecf4;}
ul.ddp-list-rule2 li .ddp-wrap-line-add .ddp-input-info {display:none; border-top:1px solid #fff; padding:6px 20px 7px 20px; color:rgba(102, 111, 173, 0.5); font-size:13px; background-color:#ebecf4;}
ul.ddp-list-rule2 li .ddp-wrap-line-add .ddp-input-info .ddp-link-cancel {float:right; color:#90969f; font-size:12px; text-decoration:underline; font-style:italic;}
ul.ddp-list-rule2 li .ddp-wrap-line-add.ddp-selected {position:relative; height:auto; padding-top:0;}
ul.ddp-list-rule2 li .ddp-wrap-line-add.ddp-selected .ddp-input-info {display:block;}
ul.ddp-list-rule2 li .ddp-wrap-line-add.ddp-selected .ddp-line-add {display:none;}
ul.ddp-list-rule2 li .ddp-line-add {display:none;}
ul.ddp-list-rule2 li .ddp-line-add span.ddp-txt {position:relative; display:block; padding:7px 7px 7px 43px; color:#666fad; }
ul.ddp-list-rule2 li .ddp-line-add span.ddp-txt:before {display:inline-block; position:absolute; top:50%; left:20px; width:15px; height:15px; margin-top:-8px; background:url(../../images/icon_plus.png) no-repeat; z-index:1; background-position:left -31px; content:'';}

ul.ddp-list-rule2 li .ddp-view-data:hover + .ddp-ui-tooltip-info {display:block;}

ul.ddp-list-rule2 li .ddp-ui-edit-button {display:none; position:absolute; top:0; right:0; bottom:0; padding-right:15px;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-btn-icon {display:inline-block; width:22px; height:100%;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-btn-link {display:none; height:100%;}
ul.ddp-list-rule2 li .ddp-view-data .ddp-ui-edit-button {padding-left:10px;}
ul.ddp-list-rule2 li .ddp-view-data:hover .ddp-ui-edit-button {display:block; padding-left:10px;  background-color:#f6f6f7;}
ul.ddp-list-rule2 li .ddp-view-data.ddp-edit .ddp-ui-edit-button {display:block !important;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-icon-edit,
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-icon-del {display:inline-block; position:absolute; top:50%; margin-top:-14px; padding:8px 5px;cursor:pointer;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-icon-edit:before,
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-icon-del:before {display:inline-block; background:url(../../images/icon_control.png) no-repeat; content:'';}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-icon-edit:before {width:12px; height:12px; background-position:-26px -97px;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-icon-del:before {width:11px; height:12px;background-position:-26px -14px;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-icon-edit:hover:before {background-position-x:-39px;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-icon-del:hover:before {background-position-x:-50px;}
ul.ddp-list-rule2 li .ddp-view-data.ddp-edit .ddp-ui-edit-button .ddp-link-cancel {position:absolute; top:50%; right:0; margin-top:-8px; padding:0 0 0 10px; color:#90969f; font-size:12px; font-style:italic; text-decoration:underline;}

.ddp-wrap-rulecontents {position:absolute; top:50px; left:0; right:0; bottom:0; vertical-align: top; overflow:auto;}
.ddp-wrap-rulecontents.ddp-inherit {overflow:inherit;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-wrap-more {display:inline-block;position:relative;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-wrap-more .ddp-icon-more {display:inline-block; padding:8px;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-wrap-more .ddp-icon-more:before {display:inline-block; content:''; width:2px; height:9px; background:url(../../images/icon_control.png) no-repeat; background-position:-6px -164px;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-wrap-more .ddp-icon-more:hover:before {background-position:-9px -164px;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-wrap-more.ddp-selected .ddp-wrap-popup2 {display:block;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-wrap-more .ddp-wrap-popup2 {display:none; position:absolute; top:100%; right:0;white-space:nowrap;}
ul.ddp-list-rule2 li .ddp-ui-edit-button .ddp-wrap-more .ddp-wrap-popup2 li {padding:0;}
ul.ddp-list-rule2 li.ddp-selected:after{position:absolute; bottom:0; left:0; right:0; border-bottom:1px dashed #9ca2cc; content:'';}
ul.ddp-list-rule2 li.ddp-disabled:before,
ul.ddp-list-rule2 li.ddp-disabled2:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:transparent; cursor:no-drop; content:''; z-index:1;}
ul.ddp-list-rule2 li.ddp-disabled2:before {cursor:pointer;}
ul.ddp-list-rule2 li.ddp-disabled .ddp-wrap-line-add,
ul.ddp-list-rule2 li.ddp-disabled2 .ddp-wrap-line-add{display:none;}
ul.ddp-list-rule2 li.ddp-disabled2 .ddp-wrap-line-add {display:block;}
.ddp-type-rulepop {position:fixed; z-index:130; width:160px;}

.ddp-wrap-rulecontents.ddp-selected .ddp-wrap-switch-editor {display:block;}
.ddp-wrap-rulecontents.ddp-selected .ddp-wrap-switch-builder{display:none;}
.ddp-wrap-rulecontents .ddp-wrap-switch-builder{display:block; height:100%;}

.ddp-box-contents {position:relative; height:100%; padding:0 15px 0 15px;}
.ddp-box-contents .ddp-ui-title {padding-bottom:5px; color:#4b515b; font-size:11px;}
.ddp-box-contents .ddp-box-command {float:left; width:260px; padding:0 35px 6px 0; box-sizing:border-box; border-right:1px solid #e3e3e7;}
.ddp-box-contents .ddp-box-command.ddp-box-full {width:100%; padding-right:0; border-right:none;;}

.ddp-box-contents .ddp-wrap-part {height:100%; white-space:nowrap; word-wrap: normal;}
.ddp-box-contents .ddp-wrap-part .ddp-box-part {display:inline-block; position:relative; height:100%; padding:0 15px; width:220px; vertical-align: top;}
.ddp-box-contents .ddp-wrap-part .ddp-box-part:first-of-type {padding-left:30px;}
.ddp-box-contents .ddp-wrap-part .ddp-box-part.ddp-box-s {width:170px;}
.ddp-box-contents .ddp-wrap-part .ddp-box-part.ddp-editor {width:inherit;}
.ddp-box-contents .ddp-wrap-part .ddp-box-part.ddp-editor input {width:278px; float:left;}
.ddp-box-contents .ddp-wrap-part .ddp-box-part.ddp-editor .ddp-input-selectbox {float:left;}

.ddp-box-contents .ddp-wrap-part .ddp-box-part .ddp-btn-bg {display:inline-block; margin-left:7px; padding:8px 12px; vertical-align:middle;}
.ddp-wrap-addrule {position:absolute; bottom:0; left:0; right:0;}
.ddp-wrap-addrule.ddp-split {position:relative; top:0; left:0; right:0; bottom:0; height:inherit;}
.ddp-wrap-addrule .ddp-box-top {position:fixed; left:0; right:0; bottom:180px;}
.ddp-wrap-addrule .ddp-box-top.ddp-split {position:relative; top:0; left:0; right:0; bottom:0;}
.ddp-wrap-addrule .ddp-box-title {padding:15px 15px 5px 15px; color:#4b515b; font-size:12px; font-weight:bold;}
.ddp-wrap-addrule .ddp-box-title a.ddp-link-switch {margin-left:10px; font-size:11px; font-weight:normal; color:#727ab7; text-decoration: underline;}
.ddp-wrap-addrule .ddp-box-title .ddp-ui-sub-title {position:relative; padding:0 0 0 9px; margin-left:9px; color:#b7b9c2; font-size:12px;}
.ddp-wrap-addrule .ddp-box-title .ddp-ui-sub-title:before {display:inline-block; content:''; position:absolute; top:2px; left:0; height:10px; border-left:1px solid #b7b9c2;}
.ddp-wrap-addrule .ddp-box-title em.ddp-icon-essential {margin-left:3px;  vertical-align:top;}
.ddp-wrap-rulecontents .ddp-box-title {font-weight:normal;}
.ddp-wrap-addrule .ddp-ui-buttons {position:absolute; top:8px; right:7px; z-index:10;}
.ddp-wrap-addrule .ddp-ui-buttons [class*="ddp-btn"] {float:left; margin-left:4px;}

.ddp-wrap-addrule ul.ddp-list-command li.ddp-data-select strong {color:#656eb2;}
.ddp-wrap-addrule ul.ddp-list-command li a em.ddp-ui-round {display:inline-block; padding:2px 2px 1px 2px; margin-left:2px; margin-right:5px; border-radius:50%;border:1px solid #656eb2; color:#656eb2; font-size:9px;}
.ddp-wrap-addrule ul.ddp-list-command li a span.ddp-ui-type {display:block; color:#656eb2; font-size:12px;}
.ddp-wrap-addrule ul.ddp-list-command li a span.ddp-ui-code {display:block; padding:5px 0 0 29px; color:#b7b9c2; font-size:12px;}

.ddp-box-contents .ddp-box-part .ddp-box-title {position:relative; padding:0 0 5px 0; z-index:2; }
.ddp-box-contents .ddp-box-part .ddp-list-buttons {width:100%;}
.ddp-box-contents .ddp-box-part .ddp-list-buttons li {width:50%; min-width:auto; box-sizing:border-box;}

.ddp-box-contents .ddp-box-part:hover .ddp-ui-info {display:block;}
.ddp-box-contents .ddp-box-part .ddp-ui-info {display:none; position:absolute; top:0; right:0;}
.ddp-box-contents .ddp-box-part .ddp-ui-info:hover .ddp-box-info {display:block;}
.ddp-box-contents .ddp-box-part .ddp-ui-info .ddp-box-info {display:none; position:absolute; bottom:20px;; right:-10px; padding:10px; width:253px; background-color:#fff; border-radius:2px; border:1px solid #aeb0bb; white-space:initial; box-sizing:border-box; z-index:10;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
}

.ddp-box-contents .ddp-box-part .ddp-ui-info .ddp-box-info:after {display:inline-block; content:''; position:absolute; bottom:-6px; right:10px; width:10px; height:6px; background:url(../../images/icon_infobox.png) no-repeat;}
.ddp-box-contents .ddp-box-part .ddp-wrap-boxwrap.ddp-selected .ddp-box-info {display:block;}
.ddp-box-contents .ddp-box-part .ddp-wrap-boxwrap .ddp-box-info {display:none; position:absolute; bottom:103%; top:inherit; padding:10px; background-color:#fff; border-radius:2px; border:1px solid #aeb0bb; white-space:initial; box-sizing:border-box;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
}
.ddp-wrap-addrule .ddp-wrap-box-info {margin-top:-20px; padding-top:20px; box-sizing:Border-box;}
.ddp-wrap-box-info {position:relative; height:100%;}
.ddp-wrap-box-info.ddp-selected .ddp-box-info {display:block;}
.ddp-wrap-box-info .ddp-box-info {display:none; position:absolute; top:inherit; bottom:103%; background-color:#fff; border-radius:2px; border:1px solid #aeb0bb; white-space:initial; box-sizing:border-box;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */}
.ddp-wrap-box-info .ddp-box-info .ddp-box-info-in {padding:10px; max-height:350px; overflow:auto;}
.ddp-wrap-box-info .ddp-box-info:after {display:inline-block; content:''; position:absolute; bottom:-6px; left:10px; width:10px; height:6px; background:url(../../images/icon_infobox.png) no-repeat;}
.ddp-wrap-input-info {position:relative;}
.ddp-wrap-input-info .ddp-list-selectbox {position:absolute; top:34px; left:0; right:0; max-height:160px; padding:7px 0; background-color:#fff; border:1px solid #ddd; overflow-y:auto; z-index:1; box-sizing:border-box;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */}
.ddp-wrap-input-info .ddp-list-selectbox li {}
.ddp-wrap-input-info .ddp-list-selectbox li a {display:block;padding:5px 10px}
.ddp-wrap-input-info .ddp-list-selectbox li a:hover {background-color:#f6f6f7;}
.ddp-wrap-input-info .ddp-list-selectbox li span.ddp-noresult {display:block; padding:5px 10px; color:#b7b9c2 ; cursor: default; font-size:13px;}

.ddp-wrap-input-info.ddp-selected .ddp-box-info {display:block;}
.ddp-wrap-input-info .ddp-box-info {display:none; position:absolute; top:inherit; bottom:34px; width:300px; max-height:350px; background-color:#fff; border-radius:2px; border:1px solid #aeb0bb; white-space:initial; box-sizing:border-box; z-index:5;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */}
.ddp-wrap-input-info .ddp-box-info .ddp-box-info-in {padding:10px; max-height:350px; overflow:auto;}
.ddp-wrap-input-info .ddp-box-info:after {display:inline-block; content:''; position:absolute; bottom:-6px; left:10px; width:10px; height:6px; background:url(../../images/icon_infobox.png) no-repeat;}
.ddp-box-info .ddp-input-title {display:block; padding:0 0 10px 0; margin-bottom:10px; text-align:center; border-bottom:1px solid #ddd; font-size:15px;}
.ddp-box-info strong.ddp-ex {display:block; padding:20px 0 10px 0;}
.ddp-box-contents .ddp-box-title .ddp-ui-open-view {display:inline-block; position:relative; vertical-align:middle;}
.ddp-box-contents .ddp-box-title .ddp-ui-open-view .ddp-icon-view {display:inline-block; position:relative; top:-2px; width:17px; height:17px; cursor:pointer;}
.ddp-box-contents .ddp-box-title .ddp-ui-open-view .ddp-icon-view em {display:inline-block; position:absolute; top:50%; left:50%; width:9px; height:5px; margin:-3px 0 0 -5px; background:url(../../images/icon_drop2.png) no-repeat;}
.ddp-box-contents .ddp-box-title .ddp-ui-open-view.ddp-selected .ddp-icon-view {background-color:#e7e7ea;}
.ddp-box-contents .ddp-box-title .ddp-ui-open-view.ddp-selected .ddp-icon-view em {background-position:left -6px;}
.ddp-box-contents .ddp-box-title .ddp-ui-open-view.ddp-selected + .ddp-box-select-check {display:block;}
.ddp-box-contents .ddp-box-title .ddp-ui-open-view .ddp-ui-selected-option {position:relative; z-index:1;}

.ddp-box-contents .ddp-box-title ul.ddp-box-select-check {display:none; position:absolute; bottom:109%; left:0; right:-70px; width:282px; z-index:15;  white-space:initial;}
.ddp-box-contents .ddp-box-title ul.ddp-box-select-check  li.ddp-txt-view-name {display:block; padding:4px 20px 10px 20px; color:#b7b9c2; font-size:12px; font-weight:bold; text-align:left;}
.ddp-box-contents .ddp-box-title ul.ddp-box-select-check li a span.ddp-data-pattern {display:block;}
.ddp-box-contents .ddp-box-title ul.ddp-box-select-check li a span.ddp-data-pattern em:last-child {position:relative; padding:0 7px; margin-left:7px; color:#444; font-size:12px;}
.ddp-box-contents .ddp-box-title ul.ddp-box-select-check li a span.ddp-data-pattern em:last-child:before {display:inline-block; content:''; position:absolute; top:2px; left:0; height:10px; border-left:1px solid #a8a8a8;}
.ddp-box-contents .ddp-box-title ul.ddp-box-select-check li a .ddp-data-det {display:block; padding-top:10px; color:#9c9c9c; font-size:12px; line-height:1.5em;}
.ddp-box-contents .ddp-box-title ul.ddp-box-select-check li.ddp-selected a em.ddp-icon-check {top:7px; margin-top:0;}
.ddp-box-contents .ddp-box-title ul.ddp-box-select-check li a:hover {background-color:#f6f6f7; color:#444;}

.ddp-wrap-checkaction {position:absolute; bottom:0; left:0; right:0; height:214px; background-color:#fff; z-index:1;}
.ddp-ui-checkaction {padding:13px 0 0 14px; }
.ddp-ui-checkaction .ddp-wrap-action {display:inline-block;}
.ddp-ui-checkaction .ddp-type-selectbox {display:inline-block; width:275px; margin-right:5px; box-sizing:border-box;}
.ddp-pop-bar {position:relative; padding:14px 0; background-color:#4b515b; text-align:center;}
.ddp-pop-bar span.ddp-txt-info { color:#fff; font-size:14px;}
.ddp-pop-bar a.ddp-btn-bar {display:inline-block; position:absolute; top:8px; right:5px; padding:6px 0; width:85px; border-radius:2px; border:1px solid #90969f; color:#d0d1d8; font-size:12px; text-align:center;}
.ddp-pop-bar a.ddp-btn-bar:hover {border:1px solid #fff; color:#fff;}
.ddp-pop-bar a.ddp-btn-close {position:absolute; top:15px; left:20px; color:#d0d1d8; font-size:14px; vertical-align: middle;}
.ddp-pop-bar a.ddp-btn-close em.ddp-icon-close {display:inline-block; width:16px; height:16px; margin-right:7px; background:url(../../images/btn_popclose.png) no-repeat; background-position:left -84px; vertical-align: middle;}

.ddp-wrap-flow .ddp-wrap-addrule {position:absolute; bottom:0; left:0; right:0; min-height:207px; background-color:#fff; box-sizing:border-box; z-index:10;}

/****	데이터셋 팝업	  *****/
.ddp-ui-popup-contents {position:relative; height:100%; margin-top:-120px; padding:120px 50px 0 50px; box-sizing: border-box;}
.ddp-ui-popup-contents.ddp-info {padding-top:134px;}
.ddp-ui-popup-contents.ddp-info2 {padding-top:168px;}
.ddp-ui-popup-contents .ddp-box-message {position:absolute; top:84px; left:50px; right:50px;}
.ddp-ui-popup-contents .ddp-popup-viewtable {position:absolute; top:170px; left:50px; right:50px; bottom:90px;}
.ddp-ui-popup-contents .ddp-popup-viewtable .ddp-box-add-link {position:absolute; bottom:0; left:0; right:0;}
.ddp-ui-popup-contents .ddp-box-viewtable {height:100%; box-sizing:Border-box;}
.ddp-box-viewtable.ddp-viewtable-type .ddp-ui-gridbody {bottom:35px;}
.ddp-box-viewtable.ddp-viewtable-type .ddp-box-add-link  {position:absolute; left:0; right:0; bottom:0; padding:12px 0 13px 0; text-align:center; border:none; border-top:1px solid #d0d1d8; background-color: #fff;
  -moz-box-shadow: inset 0 1px 3px rgba(75,81,91,.1); /* inner shadow */
  -webkit-box-shadow: inset 0 1px 3px rgba(75,81,91,.1); /* inner shadow */}

/****	flow  *****/
.ddp-wrap-flow2 {position:fixed; left:0; top:100px; right:0; bottom:0;background-color:#fff;}
.ddp-wrap-flow2 .ddp-ui-number {padding:15px 14px; box-sizing:border-box;}
.ddp-wrap-flow2 .ddp-ui-number .ddp-data-number {display:inline-block;  margin-right:20px; font-size:12px; color:#4b515b;}
.ddp-wrap-flow2 .ddp-ui-number a.ddp-link-set {position:relative; top:2px; margin-right:20px; color:#b7b9c3; font-size:12px; }
.ddp-wrap-flow2 .ddp-ui-number a.ddp-link-set em.ddp-icon-add {position:relative; top:-1px; margin-right:5px; width:9px; height:9px; background:url(../../images/icon_add.png) no-repeat; background-position:-20px top;}

.ddp-wrap-flow2 .ddp-ui-number a.ddp-link-set:hover {color:#4b515b; text-decoration:underline;}
.ddp-wrap-flow2 .ddp-ui-number a.ddp-link-set:hover em.ddp-icon-add {background-position:-10px top;}
.ddp-wrap-flow2 .ddp-box-chart {position:absolute; top:45px; left:0; right:0; bottom:0; overflow:auto;}

.ddp-wrap-flow2 .ddp-split-chart {position:relative; float:left; height:100%; width:100%;}
.ddp-wrap-flow2 .ddp-empty-flow {position:absolute; top:50%; left:0; right:0; margin-top:-156px; text-align:center;}
.ddp-wrap-flow2 .ddp-empty-flow .ddp-img-flow {display:inline-block; padding-bottom:25px; width:193px; height:150px; background:url(../../images/img_flow.png) no-repeat;}
.ddp-wrap-flow2 .ddp-empty-flow .ddp-empty-title {display:block; padding-bottom:20px; color:#d0d1d8; font-size:28px; text-align:center;}
.ddp-wrap-flow2 .ddp-empty-flow .ddp-empty-det {display:block; padding-bottom:25px; color:#b7b9c2; font-size:14px; text-align:center;}
.ddp-wrap-flow2.ddp-type .ddp-box-flowdetail {position:relative; float:left; top:0; right:0; bottom:0; height:100%; border:none;}
.ddp-wrap-flow2.ddp-type .ddp-box-flowdetail .ddp-no-data {display:table; width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#f6f6f7; z-index:2;}
.ddp-wrap-flow2.ddp-type .ddp-box-flowdetail .ddp-no-data .ddp-no-data-in {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.ddp-wrap-flow2.ddp-type .ddp-box-flowdetail .ddp-no-data .ddp-no-data-in .ddp-btn-solid {width:166px;}
.ddp-wrap-flow2.ddp-type .ddp-box-flowdetail .ddp-no-data .ddp-no-data-in .ddp-txt-data {display:block; padding-bottom:14px; color:#4b515b; font-size:16px;}
.ddp-wrap-flow2.ddp-type.ddp-full .ddp-split-chart {width:100% !important;}
.ddp-box-flowdetail {position:absolute; top:5px; right:6px; bottom:5px; width:288px; border:1px solid #90969f; background-color:#fff;}
.ddp-box-flowdetail .ddp-box-in {position:absolute; top:0; left:0; right:0; bottom:35px; overflow-y:auto;}
.ddp-box-flowdetail a.ddp-btn-popup-close {position:absolute; top:19px; right:15px; z-index:1;}
.ddp-box-flowdetail .type-title .ddp-data-filename {padding-right:0;}
.ddp-box-flowdetail .type-title .ddp-ui-top-button {position:relative; float:right; padding:19px 0 0 0; z-index:1;}
.ddp-box-flowdetail .type-title .ddp-ui-top-button .ddp-btn-popup-close {position:relative; top:0; right:0; margin:0 15px 0 0; float:left;}

.ddp-box-flowdetail .type-title .ddp-ui-top-button .ddp-ui-detail {position:relative; top:-1px;float:left; margin:0 10px 0 10px;}

.ddp-box-flowdetail .type-title .ddp-ui-top-button .ddp-ui-detail .ddp-icon-detail {display:inline-block; width:17px; height:18px; background:url(../../images/icon_detail2.png) no-repeat;}
.ddp-box-flowdetail .type-title .ddp-ui-top-button .ddp-ui-detail .ddp-ui-tooltip-info {position:absolute; top:100%; right:-10px; left:inherit; margin-top:6px;}
.ddp-box-flowdetail .type-title .ddp-ui-top-button .ddp-ui-detail:hover .ddp-ui-tooltip-info {display:block;}
.ddp-box-flowdetail .type-title .ddp-ui-top-button .ddp-ui-detail .ddp-ui-tooltip-info em.ddp-icon-view-top {right:17px; left:inherit;}
/**/

.ddp-box-flowdetail .ddp-data-filename {position:relative; padding:0 40px 0 40px; margin-top:13px; box-sizing:border-box;}

.ddp-box-flowdetail .ddp-data-filename .ddp-icon-file-svg {position:absolute; top:3px; left:10px; margin-right:10px;}
.ddp-box-flowdetail .ddp-data-filename .ddp-ui-textarea {display:none; background-color:#fff; z-index:1; height:35px;}
.ddp-box-flowdetail .ddp-data-filename .ddp-ui-input .ddp-btn-check {display:inline-block; position:absolute; top:2px; bottom:2px; right:2px; width:24px; height:inherit; border-radius:3px; background-color:#d0d1d8; cursor: pointer;}
.ddp-box-flowdetail .ddp-data-filename .ddp-ui-input .ddp-btn-check:hover {background-color:#9ca2cc;}
.ddp-box-flowdetail .ddp-data-filename .ddp-ui-input {display:none; position:relative;z-index:1; }
.ddp-box-flowdetail .ddp-data-filename.ddp-selected .ddp-ui-textarea {display:block;}
.ddp-box-flowdetail .ddp-data-filename.ddp-selected .ddp-ui-input {display:block; position:relative; left:-4px; padding-right:30px; border:1px solid #b7b9c2; border-radius:3px; overflow:hidden;}
.ddp-box-flowdetail .ddp-data-filename .ddp-ui-input input {position:relative; padding:4px 0 4px 8px; width:100%; font-size:16px; font-weight:bold; border:none; box-sizing:border-box;}
.ddp-box-flowdetail .ddp-data-filename.ddp-selected .ddp-ui-input textarea {display:block; width:100%; height:100%; padding:1px 0 2px 5px; font-family:sans-serif; font-size:16px; font-weight:bold; line-height:22px; border:none; background-color:#f6f6f7; box-sizing:border-box;}

.ddp-box-flowdetail .ddp-data-filename.ddp-selected:hover .ddp-link-edit {display:none;}
.ddp-box-flowdetail .ddp-data-filename em.ddp-icon-dbdata {position:absolute; top:0; left:18px;}
.ddp-box-flowdetail .ddp-data-filename em.ddp-icon-wrangled-m {position:absolute; top:0; left:18px;}
.ddp-box-flowdetail .ddp-data-filename em.ddp-icon-file-sql {position:absolute; top:-2px; left:18px;}
.ddp-box-flowdetail .ddp-data-filename span.ddp-txt-filename {display:block; position:relative; max-width:100%;padding:5px 23px 3px 5px;font-size:16px; color:#35393f; font-weight:bold; line-height:21px; font-family:sans-serif;box-sizing:border-box;overflow:hidden; cursor:pointer; word-break:break-all;}
.ddp-box-flowdetail .ddp-data-filename.ddp-selected span.ddp-txt-filename {display:none;}
.ddp-box-flowdetail .ddp-data-filename span.ddp-txt-filename .ddp-link-edit {display:none; position:absolute; top:6px; right:0; padding:3px 5px; vertical-align:top; font-size:0;}
.ddp-box-flowdetail .ddp-data-filename span.ddp-txt-filename:hover {background-color:#f6f6f7;}
.ddp-box-flowdetail .ddp-data-filename span.ddp-txt-filename:hover .ddp-link-edit{display:inline-block;}
.ddp-box-flowdetail .ddp-data-filename span.ddp-txt-filename:hover .ddp-link-edit .ddp-icon-edit2 {background-position:-11px top;}
.ddp-box-flowdetail .ddp-data-filename .ddp-icon-db {position:absolute; top:-4px; left:10px; display:inline-block; width:24px; height:24px;}
.ddp-box-flowdetail .ddp-data-explain {position:relative; margin:5px 10px 0 10px;}
.ddp-box-flowdetail .ddp-data-explain .ddp-txt-explain {display:inline-block; position:relative; max-width:100%; padding:4px 23px 3px 6px; margin:-2px 0; line-height:17px; color:#b7b9c2; font-size:12px; font-family:sans-serif; box-sizing:border-box; overflow:hidden; cursor:pointer; word-break:break-all;}
.ddp-box-flowdetail .ddp-data-explain .ddp-tag-target {display:inline-block; padding:2px 3px; margin:4px 0 0 6px;background-color:#f6f6f7; color:#90969f; font-size:10px;}
.ddp-box-flowdetail .ddp-data-explain .ddp-txt-explain:hover {background-color:#f6f6f7;}
.ddp-box-flowdetail .ddp-data-explain.ddp-selected .ddp-ui-input {display:block; position:relative; padding-right:23px; margin:-1px 0 0 0; border-radius:3px; border:1px solid #b7b9c2; overflow:hidden; box-sizing:border-box;}
.ddp-box-flowdetail .ddp-data-explain.ddp-selected .ddp-ui-input textarea {display:block; width:100%; box-sizing:border-box; padding:5px 5px; height:51px; border:none; font-size:12px; line-height:17px; font-family:sans-serif;}
.ddp-box-flowdetail .ddp-data-explain.ddp-selected .ddp-txt-explain {display:none;}

.ddp-box-flowdetail .ddp-data-explain .ddp-ui-input {display:none; position:relative;}
.ddp-box-flowdetail .ddp-data-explain .ddp-ui-input .ddp-btn-check {display:inline-block; position:absolute; bottom:2px; right:2px; top:2px; height:inherit; border-radius:3px; background-color:#d0d1d8;}
.ddp-box-flowdetail .ddp-data-explain .ddp-ui-input .ddp-btn-check:hover {background-color:#9ca2cc;}
.ddp-box-flowdetail .ddp-data-explain .ddp-ui-input input {width:100%;padding:8px 31px 8px 8px; border:none; background:#f6f6f7; box-sizing:border-box;}

.ddp-box-flowdetail .ddp-data-explain .ddp-link-edit {display:none; position:absolute; right:0; top:0; padding:3px 5px; z-index:1;}
.ddp-box-flowdetail .ddp-data-explain.ddp-selected .ddp-link-edit {display:none;}
.ddp-box-flowdetail .ddp-txt-explain:hover .ddp-link-edit {display:block; }
.ddp-box-flowdetail .ddp-txt-explain:hover .ddp-link-edit .ddp-icon-edit2 {background-position:-11px top;}

.ddp-box-flowdetail .ddp-ui-databuttons {padding:10px 10px 0 10px; text-align:center;}
.ddp-box-flowdetail .ddp-ui-databuttons .ddp-databuttons {margin:0 -37px 0 -2px;}
.ddp-box-flowdetail .ddp-ui-databuttons .ddp-databuttons [class*="ddp-col-"] {padding:0 2px;}
.ddp-box-flowdetail .ddp-ui-databuttons .ddp-databuttons [class*="ddp-btn-"] {font-size:13px; padding:6px 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.ddp-box-flowdetail .ddp-ui-databuttons .ddp-btn-buttons4.ddp-full {width:100%; height:30px; box-sizing:border-box;}
.ddp-box-flowdetail .ddp-ui-databuttons .ddp-btn-buttons4 {display:inline-block; width:46%; margin:0 2px;}
.ddp-box-flowdetail .ddp-ui-databuttons .ddp-btn-buttons4.ddp-disabled {border:1px solid #e7e7ea; color:#d0d1d8; cursor: no-drop;}
.ddp-box-flowdetail .ddp-ui-databuttons .ddp-btn-buttons4 em.ddp-icon-window {margin-left:5px;}
.ddp-box-flowdetail .ddp-ui-databuttons.ddp-type {position:relative; padding-right:45px;}
.ddp-box-flowdetail .ddp-ui-databuttons.ddp-type .ddp-more {position:absolute; bottom:0; right:10px}
.ddp-box-flowdetail .ddp-ui-databuttons.ddp-type .ddp-more .ddp-btn-more {display:inline-block; position:relative; width:30px; height:30px; border:1px solid #d0d1d8; border-radius:2px; box-sizing:border-box;}
.ddp-box-flowdetail .ddp-ui-databuttons.ddp-type .ddp-more .ddp-btn-more:hover {border:1px solid #b7b9c2;}
.ddp-box-flowdetail .ddp-ui-databuttons.ddp-type .ddp-more .ddp-btn-more:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-2px 0 0 -8px; width:15px; height:3px; background:url(../../images/icon_more.png) no-repeat; background-position:left -4px; transform:rotate(90deg); content:'';}
.ddp-box-flowdetail .ddp-ui-databuttons.ddp-type .ddp-more .ddp-wrap-popup2 {display:none; position:absolute; top:100%; right:0;}
.ddp-box-flowdetail .ddp-ui-databuttons.ddp-type .ddp-more.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-box-flowdetail .ddp-ui-databuttons.ddp-type .ddp-more.ddp-selected .ddp-wrap-popup2 .ddp-icon-drop-re {opacity:0.7;}
.ddp-box-flowdetail .ddp-ui-preview  {padding:20px 0 0 0;}
.ddp-box-flowdetail .ddp-ui-preview .ddp-txt-title {padding:0 0 5px 0; color:#4b515b; font-size:12px;}
.ddp-box-flowdetail .ddp-ui-preview .ddp-box-preview {height:158px; margin-bottom:10px; border:1px solid #e7e7ea; overflow:auto; color:#4b515b; font-size:12px; line-height:18px; background-color:#fff; box-sizing:border-box;}
.ddp-box-flowdetail .ddp-ui-preview .ddp-box-preview .ddp-font-size {font-size:14px; padding:5px;}

.ddp-box-flowdetail .ddp-ui-queryview .ddp-txt-title {padding:5px 0 5px 0; color:#b7bac1; font-size:13px;}
.ddp-box-flowdetail .ddp-ui-queryview .ddp-box-preview {height:158px; margin-bottom:10px; padding:10px; border:1px solid #e7e7ea; overflow:auto; color:#4b515b; font-size:12px; line-height:18px; background-color:#fff; box-sizing:border-box;}
.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule {padding:20px 0 0 0; margin:10px 0 0 0; border-top:1px solid #e7e7ea;}
.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule .ddp-box-preview {padding:0; margin-bottom:5px;}
.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule ul.ddp-list-rule2 {padding:0;}

.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule ul.ddp-list-rule2 li {padding-right:10px; cursor: default; }
.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule ul.ddp-list-rule2 li:hover {background:none;}

.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule .ddp-box-preview ul.ddp-list-rule2 {padding:10px;}
.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule .ddp-box-preview ul.ddp-list-rule2 li {padding-right:0;}
.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule .ddp-box-preview ul.ddp-list-rule2 li + li {padding:5px 0 0 0;}
.ddp-box-flowdetail .ddp-ui-preview.ddp-type-rule .ddp-data-rule {color:#b7bac2; font-size:12px;}
.ddp-box-flowdetail dl.ddp-dl-detail.type-part {margin-top:10px}
.ddp-box-flowdetail dl.ddp-dl-detail {padding:3px 0; clear:both;}
.ddp-box-flowdetail dl.ddp-dl-detail:before,
.ddp-box-flowdetail dl.ddp-dl-detail:after {display:table; content:'';}
.ddp-box-flowdetail dl.ddp-dl-detail:after {clear:both;}
.ddp-box-flowdetail dl.ddp-dl-detail dt {float:left; padding:0 10px 0 0; width:95px; font-size:13px; color:#b7bac1; box-sizing:border-box;}

.ddp-box-flowdetail dl.ddp-dl-detail dt:before {display:inline-block; content:''}

.ddp-box-flowdetail dl.ddp-dl-detail dd {display:block; padding-left:95px; position:relative; font-size:13px; color:#4b515b; box-sizing:border-box;}
.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-wrap-alart {display:inline-block; position:relative;margin-left:6px; cursor: pointer;}
.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-wrap-alart .ddp-ui-tooltip-info {display:none; max-width:170px; min-width:100px; position:absolute; left:inherit; top:23px; right:-73px; text-align:center; white-space:normal;}
.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-wrap-alart .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:79px;}
/*.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-wrap-alart:hover .ddp-ui-tooltip-info {display:block;}*/
.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-ui-data {position:relative;}
.ddp-box-flowdetail dl.ddp-dl-detail dd span.ddp-txt-data {display:inline-block; padding-right:45px; position:relative; max-width:100%;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}
.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-ui-data.ddp-selected span.ddp-txt-data {white-space:normal;}
.ddp-box-flowdetail dl.ddp-dl-detail dd a.ddp-link-detailview {position:absolute; top:0; right:0; color:#90969f; font-size:12px;}
.ddp-box-flowdetail dl.ddp-dl-detail dd span.ddp-data-num {text-decoration: underline; cursor: pointer;}
.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-wrap-popup2 {position:absolute; top:20px; left:90px; max-width:155px;;}
.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-wrap-popup2 ul li a {padding-left:34px;}
.ddp-box-flowdetail dl.ddp-dl-detail dd .ddp-wrap-popup2 ul li a em.ddp-icon-flow {position:absolute; top:6px; left:12px;}
.ddp-box-flowdetail dl.ddp-dl-detail.type-date {padding-left:10px;}
.ddp-box-flowdetail dl.ddp-dl-detail.type-date dd .ddp-data-by {color:#90969f; display:block;}
.ddp-box-flowdetail .ddp-wrap-part {margin:0 10px; padding-bottom:10px; border-bottom:1px solid #e7e7ea;}
.ddp-box-flowdetail .ddp-wrap-part.ddp-bg {background-color:#f6f6f7; margin:20px 0 0 0; padding:0 10px 10px 10px;}
.ddp-box-flowdetail .ddp-wrap-part.ddp-bg .ddp-ui-preview {padding-top:10px;}
.ddp-box-flowdetail .ddp-wrap-part.ddp-type {padding-top:15px;}
.ddp-box-flowdetail .ddp-data-type {color:#b7bac2; font-size:12px;}
.ddp-box-flowdetail .ddp-wrap-date {padding:10px 0;}
.ddp-box-flowdetail dl.ddp-dl-date {padding:5px 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-box-flowdetail dl.ddp-dl-date dt {position:relative; width:inherit; padding-right:8px; font-weight:normal; color:#b7bac2;}
.ddp-box-flowdetail dl.ddp-dl-date dd {width:inherit; float:inherit;padding-left:0; margin-left:0; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;color:#b7b9c2; font-size:13px; font-weight:300;}
.ddp-box-flowdetail .ddp-ui-footbutton {position:absolute; bottom:0; left:0; right:0; padding:10px 0; text-align:center;}
.ddp-box-flowdetail .ddp-data-detail {padding-bottom:5px;}
.ddp-box-flowdetail .ddp-data-detail .ddp-label-detail {padding-bottom:10px; color:#b7bac1; font-size:13px;}
.ddp-box-flowdetail .ddp-data-detail dl.ddp-dl-detail2 {padding-top:10px;}
.ddp-box-flowdetail .ddp-data-detail dl.ddp-dl-detail2:first-of-type {padding-top:0;}
.ddp-box-flowdetail .ddp-data-detail dl.ddp-dl-detail2 dt {float:Left; padding-right:5px; color:#4b515b; font-size:12px;}
.ddp-box-flowdetail .ddp-data-detail dl.ddp-dl-detail2 dd {display:block; color:#4b515b; font-size:12px; font-weight:300; overflow:hidden;}

a.ddp-type-link2 {color:#b7b9c2; font-size:12px; text-decoration: underline;}
a.ddp-type-link2:hover {color:#4b515b;}
a.ddp-type-link2:hover em.ddp-icon-delete2 {opacity:1;}

/****	상세보기  *****/
table.ddp-table-detail tbody tr td .ddp-box-sub {width:710px;}
table.ddp-table-detail tbody tr td .ddp-txt-cut{
  overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
}
table.ddp-table-detail tbody tr td .ddp-data-form {display:block; padding-top:5px;}
table.ddp-table-detail tbody tr td .ddp-data-form:first-of-type {padding-top:0;}

table.ddp-table-detail tbody tr td .ddp-wrap-edit3:last-of-type {margin-bottom:13px;}
table.ddp-table-detail tbody tr td label.ddp-label-type.ddp-normal {display:block; padding-bottom:13px;}
table.ddp-table-detail tbody tr td .ddp-wrap-box {position:relative; border:1px solid #d0d1d8;}
table.ddp-table-detail tbody tr td .ddp-wrap-box a.ddp-btn-detail {display:inline-block; position:absolute; bottom:-1px; right:-1px; width:25px; height:25px; border-radius:4px; border:1px solid #d0d1d8; box-sizing:border-box;}
table.ddp-table-detail tbody tr td .ddp-wrap-box a.ddp-btn-detail .ddp-icon-searchview2 {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}
table.ddp-table-detail tbody tr td .ddp-wrap-box .ddp-form-box {overflow:hidden; border:none;}
table.ddp-table-detail tbody tr td .ddp-form-box {position:relative;border:1px solid #d0d1d8; max-width:100%; height:160px; overflow:auto;}
table.ddp-table-detail tbody tr td .ddp-form-box.ddp-hidden {overflow:hidden;}
table.ddp-table-detail tbody tr td .ddp-form-box a.ddp-btn-detail {display:inline-block; position:absolute; bottom:-1px; right:-1px; width:25px; height:25px; border-radius:4px; border:1px solid #d0d1d8; box-sizing:border-box;}
table.ddp-table-detail tbody tr td .ddp-form-box a.ddp-btn-detail .ddp-icon-searchview2 {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}
table.ddp-table-detail tbody tr td .ddp-form-box a.ddp-btn-detail:hover {background-color:#f6f6f7;}

table.ddp-table-detail tbody tr td .ddp-data-detail {}
table.ddp-table-detail tbody tr td .ddp-data-detail .ddp-link {}
table.ddp-table-detail tbody tr td .ddp-data-detail .ddp-link a.ddp-link-url2 {display:inline-block; width:710px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
table.ddp-table-detail tbody tr td .ddp-data-detail span.ddp-txt-detail {display:inline-block; position:relative; }
table.ddp-table-detail tbody tr td .ddp-ui-edit-option .ddp-data-detail span.ddp-txt-detail a.ddp-link-detail {top:-1px;}
table.ddp-table-detail tbody tr td .ddp-wrap-edit3 .ddp-data-detail span.ddp-txt-detail a.ddp-link-detail {top:4px;}
table.ddp-table-detail tbody tr td .ddp-data-detail span.ddp-txt-detail a.ddp-link-detail {display:none; position:absolute; top:-1px; right:3px; color:#90969f; font-size:12px;}
table.ddp-table-detail tbody tr td .ddp-data-detail span.ddp-txt-detail.ddp-detail {max-width:710px; padding-right:45px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; box-sizing:border-box; }
table.ddp-table-detail tbody tr td .ddp-data-detail span.ddp-txt-detail.ddp-detail a.ddp-link-detail {display:block;}
table.ddp-table-detail tbody tr td .ddp-data-detail.ddp-selected span.ddp-txt-detail {white-space:normal;}

table.ddp-table-detail tbody tr td .ddp-wrap-alart {position:relative; top:-1px; display:inline-block; margin-left:6px; vertical-align: middle; cursor: pointer;}
table.ddp-table-detail tbody tr td .ddp-wrap-alart:hover .ddp-ui-tooltip-info {display:block;}
table.ddp-table-detail tbody tr td .ddp-wrap-alart .ddp-ui-tooltip-info {display:none;top:21px; left:-60px;}

table.ddp-table-detail tbody tr td .ddp-wrap-alart .ddp-ui-tooltip-info .ddp-icon-view-top {left:68px; right:inherit;}
table.ddp-table-detail tbody tr td a.ddp-link-url {text-decoration: underline; font-style:italic;}
table.ddp-table-detail tbody tr td a.ddp-link-url2 {text-decoration: underline; color:#4c92e0;}
table.ddp-table-detail tbody tr td.ddp-link-url a {text-decoration: underline; color:#4c92e0;}
table.ddp-table-detail tbody tr td a.ddp-btn-pop.ddp-type {min-width:178px; border:1px solid #90969f; background-color:#90969f;}

table.ddp-table-detail tbody tr td a.ddp-btn-pop.ddp-type:hover {background-color:#4b515b;}
table.ddp-table-detail tbody tr td .ddp-data-none{color:#b7b9c2; font-size:13px;}
table.ddp-table-detail tbody tr td .ddp-ui-button {padding-top:20px;}
table.ddp-table-detail tbody tr td .ddp-wrap-edit3.ddp-type .ddp-label-type {font-weight:bold; font-size:12px;}
table.ddp-table-detail tbody tr td .ddp-wrap-edit3.ddp-type:first-of-type {margin-top:-8px;}
table.ddp-table-detail tbody tr td .ddp-link-window {position:relative; padding-right:15px; color:#666eb2; font-size:13px;}
table.ddp-table-detail tbody tr td .ddp-link-window:hover {text-decoration:underline;}
table.ddp-table-detail tbody tr td .ddp-link-window:after {display:none; position:absolute; top:1px; right:0;  width:12px; height:10px; background:url(../../images/icon_window.png) no-repeat; content:'';}
table.ddp-table-detail tbody tr td .ddp-link-window:hover:after {display:block;}
table.ddp-table-detail tbody tr td .ddp-label-radio.ddp-inline {display:inline-block;}
table.ddp-table-detail tbody tr td .ddp-box-option-input.ddp-inline {display:inline-block;}
table.ddp-table-detail tbody tr td .ddp-box-option-input.ddp-inline.ddp-only {margin-left:0;}

table.ddp-table-detail tbody tr td .ddp-multy-option .ddp-box-option-input input[type="text"] {padding:7px 5px 6px 5px; text-align:right;}
table.ddp-table-detail tbody tr td .ddp-multy-option .ddp-btn-line-s {position:relative; top:-7px;}
table.ddp-table-detail tbody tr td .ddp-multy-option .ddp-box-option-input span.ddp-txt-input {top:7px;}
table.ddp-table-detail tbody tr td .ddp-wrapping {display:inline-block; position:relative; padding-right:100px;}
table.ddp-table-detail tbody tr td .ddp-wrapping .ddp-box-option-input {position:absolute; top:50%; right:0; margin-top:-14px; }
table.ddp-table-detail tbody tr td .ddp-ui-summary {}
table.ddp-table-detail tbody tr td .ddp-ui-summary .ddp-data-txt {display:block; padding-bottom:8px; color:#4b515b; font-size:13px;}
table.ddp-table-detail tbody tr td .ddp-ui-summary .ddp-data-txt .ddp-box-btn-r {margin:-4px 0 -4px 5px; vertical-align:middle;}
table.ddp-table-detail tbody tr td .ddp-ui-summary ul.ddp-list-sub li {position:relative; padding-left:11px; padding-bottom:10px; color:#b7bac1; font-size:12px;}
table.ddp-table-detail tbody tr td .ddp-ui-summary ul.ddp-list-sub li:last-of-type {padding-bottom:0;}
table.ddp-table-detail tbody tr td .ddp-ui-summary ul.ddp-list-sub li .ddp-box-btn-r { margin:-4px 0 -4px 5px; vertical-align:middle;}
table.ddp-table-detail tbody tr td .ddp-ui-summary ul.ddp-list-sub li:before {display:inline-block; position:absolute; top:5px; left:0;width:5px; height:5px; border-radius:50%; background-color:#b7bac1; content:'';}
table.ddp-table-detail tbody tr td .ddp-ui-summary ul.ddp-list-sub li a {color:#91969e; font-size:12px; font-style:italic;}
table.ddp-table-detail tbody tr td .ddp-ui-summary ul.ddp-list-sub li a.ddp-link-history {display:inline-block; background-color:#f3f3f4; padding:3px 6px; margin:-4px 0; border-radius:2px;}

table.ddp-table-detail tbody tr td .ddp-ui-summary ul.ddp-list-sub li a.ddp-link-history:hover {background-color:#e7e7ea;}
table.ddp-table-detail tbody tr td .ddp-txt-colortype {color:#90969f;}
.ddp-txt-edit {position:relative; margin-left:-5px;}
.ddp-txt-edit .ddp-data-name {display:inline-block; margin-top:-7px; max-width:800px; padding:5px 23px 5px 5px; color:#4b515b; font-size:13px; line-height:18px; font-family:sans-serif; cursor: pointer; box-sizing:border-box;}
.ddp-txt-edit .ddp-data-name.ddp-data-none {color:#b7bac1;}
.ddp-txt-edit .ddp-data-name .ddp-icon-edit2 {display:none;}
.ddp-txt-edit .ddp-data-name:hover .ddp-icon-edit2 {display:inline-block; position:relative; top:-2px; background-position:0 top; margin-left:3px;}

.ddp-txt-edit .ddp-wrap-input {display:none;}
.ddp-txt-edit.ddp-selected .ddp-data-name {display:none;}
.ddp-txt-edit.ddp-selected .ddp-wrap-input {display:inline-block; position:relative; left:0; padding:0 23px 0 5px; margin-top:-7px; min-width:800px; background-color:#e3e3e8; box-sizing:border-box;}
.ddp-txt-edit.ddp-selected .ddp-wrap-input .ddp-btn-check {position:absolute; bottom:0; right:0; top:0; height:auto;}
.ddp-txt-edit.ddp-selected .ddp-wrap-input input {display:block; width:100%; padding:6px 0 6px 0; border:none; background:none; box-sizing:Border-box; font-size:13px; font-family:sans-serif; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-txt-edit.ddp-selected .ddp-wrap-input textarea {display:block; padding:5px 0; width:100%; height:76px; border:none; background:none; font-family:sans-serif; font-size:13px; line-height:18px; box-sizing:border-box;}
.ddp-txt-edit .ddp-wrap-input .ddp-txt-error {display:none;}
.ddp-txt-edit .ddp-wrap-input.ddp-error .ddp-txt-error {display:block; float:right; position:relative; top:5px; margin:0 4px 0 2px; vertical-align:middle;}
.ddp-txt-edit .ddp-wrap-input.ddp-error .ddp-txt-error em.ddp-icon-error-s {position:Relative; top:2px;}
.ddp-txt-edit .ddp-wrap-input.ddp-error .ddp-wrap-edit-input {display:block; overflow:hidden; }

.ddp-edit-description {position:relative; padding-bottom:23px; }
.ddp-edit-description.ddp-line:after {position:absolute; bottom:0; left:0; right:0;border-bottom:1px dotted #ccc; content:'';}
.ddp-edit-description .ddp-box-textarea {display:none;}
.ddp-edit-description .ddp-txt-description {position:relative; top:-3px;  font-size:13px; line-height:18px; cursor:pointer;}

.ddp-edit-description .ddp-data-description {position:relative; padding-bottom:20px;}
.ddp-edit-description .ddp-data-description:hover .ddp-btn-edit {display:inline-block;}
.ddp-edit-description .ddp-data-description .ddp-btn-edit {display:none; padding:4px 7px; position:absolute; bottom:0; left:0;  height:21px; color:#91969e; font-size:12px; font-style:italic; background-color:#f3f3f4; box-sizing:border-box;}
.ddp-edit-description .ddp-data-description .ddp-btn-edit .ddp-icon-edit {display:inline-block; width:12px; height:13px; margin-right:3px; background:url(../../images/icon_control.png) no-repeat; background-position:-39px -96px; vertical-align:top;}
.ddp-edit-description .ddp-data-description .ddp-btn-edit:hover {background-color:#e7e7ea;}
.ddp-edit-description.ddp-edit .ddp-data-description {display:none;}
.ddp-edit-description.ddp-edit .ddp-box-textarea {display:block; overflow:hidden;}
.ddp-edit-description.ddp-edit .ddp-box-textarea textarea {display:block; width:100%; height:194px; padding:5px 9px; line-height:18px;border:1px solid #d0d1d8; border-radius:2px; box-sizing:border-box;}
.ddp-edit-description.ddp-edit .ddp-box-textarea .ddp-textarea-buttons {padding:4px 0 0 0;}
.ddp-edit-description.ddp-edit .ddp-box-textarea .ddp-textarea-buttons .ddp-box-btn {float:Left; position:relative; width:24px; height:24px; margin-right:4px;border-radius:2px; background-color:#d0d1d8;}
.ddp-edit-description.ddp-edit .ddp-box-textarea .ddp-textarea-buttons .ddp-box-btn:hover {background-color:#9ca2cc;}
.ddp-edit-description.ddp-edit .ddp-box-textarea .ddp-textarea-buttons .ddp-box-btn em.ddp-icon-cancel {display:inline-block; width:9px; height:9px; position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px; background:url(../../images/btn_close.png) no-repeat; background-position:-20px -82px;}
.ddp-edit-description.ddp-edit .ddp-box-textarea .ddp-textarea-buttons .ddp-box-btn .ddp-icon-check {display:inline-block; position:absolute; top:50%; left:50%; margin:-4px 0 0 -6px;  width:11px; height:8px; background:url(../../images/icon_select2.png) no-repeat; background-position:-27px top;}

.ddp-wrap-table-detail .ddp-wrap-edit3.ddp-type .ddp-label-type.ddp-normal {font-size:16px;}
.ddp-wrap-table-detail {position:relative; border-top:1px dotted #ccc; margin:40px -20px 0 -20px; padding:40px 20px 0 20px;}
.ddp-wrap-table-detail.ddp-last {padding-bottom:40px;}

.ddp-wrap-table-detail.ddp-last .ddp-detail-setting .ddp-wrap-down {margin-bottom:-40px;}

.ddp-wrap-table-detail .ddp-type-plan .ddp-label-detail {display:inline-block; padding-right: 15px; line-height:30px;}
.ddp-wrap-table-detail .ddp-type-plan .ddp-label-detail a.ddp-btn-option2 {margin-left:4px; vertical-align:middle;}
.ddp-wrap-table-detail .ddp-type-plan .ddp-btn-pop {min-width:140px;}
.ddp-wrap-table-detail .ddp-btn-pop em.ddp-icon-email {display:inline-block; width:14px; height:12px; margin-right:5px; background:url(../../images/icon_mail.png) no-repeat ;}

.ddp-wrap-detail-sub {margin-top:43px;}
.ddp-wrap-detail-sub .ddp-table-label {position:relative; margin-left:27px; padding-left:5px; font-size:14px;}
.ddp-wrap-detail-sub .ddp-table-label:before {display:inline-block; position:absolute; top:3px; left:0; height:12px; border-left:2px solid #4b515b; content:'';}
.ddp-wrap-detail-sub table.ddp-table-detail  {margin-top:11px !important;}

.ddp-wrap-detail-sub table.ddp-table-detail tr th,
.ddp-wrap-detail-sub table.ddp-table-detail tr td {padding:4px;}
table.ddp-table-detail tbody tr td .ddp-data-list {display:inline-block; position:relative; padding:0 20px;}
table.ddp-table-detail tbody tr td .ddp-data-list .ddp-data-name.ddp-hover {cursor:pointer;}
table.ddp-table-detail tbody tr td .ddp-data-list .ddp-data-name .ddp-box-layout4 {display:none; position:absolute; top:18px; right:-30px;}
table.ddp-table-detail tbody tr td .ddp-data-list .ddp-data-name.ddp-hover:hover .ddp-box-layout4 {display:block;}
table.ddp-table-detail tbody tr td .ddp-data-list:first-of-type {padding-left:0;}
table.ddp-table-detail tbody tr td .ddp-data-list:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; height:13px; border-left:1px solid #d0d1d7; content:'';}
table.ddp-table-detail tbody tr td .ddp-data-list:first-of-type:before {display:none;}
table.ddp-table-detail tbody tr td .ddp-data-list a.ddp-link-member {font-weight:300;}
table.ddp-table-detail tbody tr td .ddp-data-list .ddp-box-power {display:inline-block; margin-right:8px; vertical-align:middle;}

table.ddp-table-detail tbody tr td .ddp-btn-link a.ddp-btn-pop {margin:10px 0 0 0;}
table.ddp-table-detail .ddp-ui-dropdown {margin-top:-7px; margin-bottom:20px; background-color:#f6f6f7;}
table.ddp-table-detail .ddp-ui-dropdown .ddp-data {font-size:13px; color:#4b515b; font-weight:bold;}
table.ddp-table-detail .ddp-ui-dropdown .ddp-label-dropdown {display:block; padding:10px 15px;	font-weight:300;cursor: pointer;}
table.ddp-table-detail .ddp-ui-dropdown .ddp-label-dropdown .ddp-wrap-link-detail2 {padding-right:5px;}
table.ddp-table-detail .ddp-ui-dropdown .ddp-label-dropdown em.ddp-icon-drop {display:inline-block; position:relative; top:-1px; width:13px; height:8px; margin-right:10px; background:url(../../images/icon_arrow.png) no-repeat; vertical-align:middle; transform:rotate(180deg);}

table.ddp-table-detail .ddp-ui-dropdown.ddp-selected .ddp-label-dropdown em.ddp-icon-drop {transform:rotate(0deg);}
table.ddp-table-detail .ddp-ui-dropdown .ddp-label-dropdown  .ddp-btn-option2 {position:relative; top:-1px; margin-left:3px;}
table.ddp-table-detail .ddp-ui-dropdown .ddp-det-dropdown {display:none; padding:10px 40px;}
table.ddp-table-detail .ddp-ui-dropdown.ddp-selected .ddp-det-dropdown {display:block;}
table.ddp-table-detail .ddp-ui-dropdown .ddp-det-dropdown .ddp-wrap-link-detail2 a.ddp-link-info.ddp-type:hover {padding-right:17px;}

table.ddp-table-detail a.ddp-btn-moretype2,
.ddp-wrap-table-detail a.ddp-btn-moretype2{display:inline-block; padding:2px 5px; background-color:#f3f3f4; border-radius:2px; color:#4c515a; font-size:12px; font-style:italic;}
.ddp-wrap-table-detail a.ddp-btn-moretype2 {margin-top:8px;}
table.ddp-table-detail a.ddp-btn-moretype2:hover,
.ddp-wrap-table-detail a.ddp-btn-moretype2:hover {background-color:#d0d1d8;}

table.ddp-table-detail table.ddp-table-solid {margin-top:-7px;}
table.ddp-table-solid {margin-bottom:7px;}
table.ddp-table-solid {width:100%; table-layout:fixed; border-top:1px solid #b7b9c2; border-bottom:1px solid #b7b9c2;}
table.ddp-table-detail table.ddp-table-solid tbody tr td {padding:10px 22px !important; border-top:1px solid #e7e7ea; font-size:14px; cursor:pointer;}
table.ddp-table-detail table.ddp-table-solid tbody tr td.ddp-nolist {color:#b7b9c3; font-size:12px; cursor:default;}
table.ddp-table-detail table.ddp-table-solid tbody tr:hover td.ddp-nolist {background:none;}
table.ddp-table-detail table.ddp-table-solid tbody tr:hover td {background-color:#f2f1f8;}
table.ddp-table-solid tbody tr:first-of-type tbody tr td  {border-top:none;}
table.ddp-table-solid tbody tr td .ddp-txt-long {display:inline-block; position:relative; padding-top:1px; margin-top:-1px; max-width:100%; line-height:21px; font-size:14px; height:21px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal; box-sizing:border-box;}

table.ddp-table-solid tbody tr td .ddp-txt-long .ddp-data-long {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

table.ddp-table-solid tbody tr td .ddp-txt-long .ddp-tag-global.type-tag {float:right; position:relative; margin-top:-1px; right:0; margin-left:5px; width:auto;}

table.ddp-table-solid tbody tr td span.ddp-txt-colortype {color:#b7b9c2; font-size:14px;}
table.ddp-table-solid tbody tr td .ddp-txt-long.ddp-global {padding-right:66px;}
table.ddp-table-solid tbody tr td .ddp-txt-long.ddp-connection {padding-right:101px;}
table.ddp-table-solid tbody tr td .ddp-txt-long.ddp-connection .ddp-tag-global {width:auto;}
table.ddp-table-solid tbody tr td .ddp-tag-global {position:absolute; top:0; right:0; width:60px; height:20px; padding:2px 2px 3px 2px; color:#666eb2; font-size:11px; text-align:center; border:1px solid #666eb2; background:#eff0f7;border-radius:2px; box-sizing:border-box;}
table tbody tr td .ddp-tag-connect {float:right; padding:3px 7px; margin-right:-11px; color:#fff; font-size:12px; font-weight:normal; background-color:#666eb2; vertical-align:middle;}
.ddp-table-form.ddp-table-type2 tbody tr td .ddp-tag-connect {margin-right:0;}
table tbody tr td .ddp-tag-connect:before {display:inline-block; margin-right:3px; width:11px; height:8px; background:url(../../images/icon_select2.png) no-repeat; background-position:-27px top; content:''; }

.ddp-wrap-table-detail table.ddp-table-form.ddp-table-type3 {width:900px;}
.ddp-wrap-table-detail table.ddp-table-form.ddp-table-type3.ddp-full {width:100%;}
.ddp-wrap-table-detail .ddp-ui-table-title {display:block; position:relative; padding-bottom:10px; color:#b7bac1; font-size:13px; font-weight:bold;}
.ddp-wrap-table-detail .ddp-ui-table-title span.ddp-title {display:inline-block; width:133px;}
.ddp-wrap-table-detail .ddp-wrap-linktype {display:none; position:absolute; top:0; left:133px; font-weight:normal;}
.ddp-wrap-table-detail .ddp-wrap-linktype .ddp-btn-linktype {margin-right:24px;}
.ddp-wrap-table-detail:hover .ddp-wrap-linktype {display:block;}
/*폼*/
.ddp-wrap-boxwrap {position:relative; height:100%; overflow-y:auto;}
.ddp-wrap-boxwrap .ddp-wrap-boxadd {margin-bottom:5px;}
.ddp-wrap-boxwrap .ddp-box-info {position:absolute; top:0; left:0; right:0;}
.ddp-wrap-boxadd {position:relative; padding-right:30px;}
.ddp-wrap-boxadd .ddp-ui-buttons {position:absolute; top:0; right:0;}

.ddp-wrap-boxadd .ddp-ui-buttons a.ddp-btn-minus {display:inline-block; position:relative; width:29px; height:28px; border:1px solid transparent; }
.ddp-wrap-boxadd .ddp-ui-buttons a.ddp-btn-minus:before{display:inline-block; position:absolute; top:50%; left:50%; content:''; background:url(../../images/btn_minus_plus.png) no-repeat;}
.ddp-wrap-boxadd .ddp-ui-buttons a.ddp-btn-minus:before {width:9px; height:1px; margin:-1px 0 0 -5px;}
.ddp-wrap-boxadd .ddp-ui-buttons a.ddp-btn-minus:hover {border:1px solid #b7b9c2; border-radius:2px; background-color:#e7e7ea;}
.ddp-box-contents .ddp-box-part .ddp-box-title span.ddp-box-title-in {position:relative; padding-right:30px;}
.ddp-box-contents .ddp-box-part .ddp-box-title a.ddp-btn-plus {display:inline-block; position:absolute; top:-7px; right:0; width:23px; height:23px; border:1px solid transparent;}
.ddp-box-contents .ddp-box-part .ddp-box-title a.ddp-btn-plus:before {display:inline-block; position:absolute; top:50%; left:50%; background:url(../../images/btn_minus_plus.png) no-repeat; content:'';}
.ddp-box-contents .ddp-box-part .ddp-box-title a.ddp-btn-plus:before {width:9px; height:9px; margin:-5px 0 0 -5px; background-position:left -2px;}
.ddp-box-contents .ddp-box-part .ddp-box-title a.ddp-btn-plus:hover {border:1px solid #b7b9c2; border-radius:2px; background-color:#e7e7ea;}

.ddp-type-multi {position:relative; padding-right:17px;}
.ddp-type-multi:before,
.ddp-type-multi:after {display:table; content:'';}
.ddp-type-multi:after {clear:both;}
.ddp-type-multi .ddp-type-selectbox {display:inline-block; box-sizing:border-box;}
.ddp-type-multi .ddp-type-selectbox.ddp-size-s {float:left; width:70px;}
.ddp-type-multi .ddp-type-selectbox.ddp-size-m {float:left; width:125px; margin-left:5px;}
.ddp-type-multi a.ddp-btn-formclose {display:inline-block; position:absolute; top:50%; right:0; width:11px; height:11px; margin-top:-6px; background:url(../../images/btn_popclose.png) no-repeat; background-position:left -55px;}

.ddp-type-multy2 [class*="ddp-col-"] {padding-left:5px;}
.ddp-type-multy2 [class*="ddp-col-"]:first-of-type {padding-left:0;}

.ddp-form-label {margin-bottom:3px;}
.ddp-form-label:before,
.ddp-form-label:after {display:table; content:'';}
.ddp-form-label:after {clear:both;}
.ddp-form-label label.ddp-label-type {float:left; width:110px; color:#a4aab0; font-size:12px; line-height:31px;}
.ddp-form-label .ddp-wrap-dropdown,
.ddp-form-label .ddp-wrap-inputform {float:left; width:100%; margin-left:-110px; padding-left:110px; box-sizing:border-box;}
.ddp-form-label .ddp-wrap-dropdown ul.ddp-list-dropdown {left:111px; max-height:150px; overflow-y:auto;}
.ddp-form-label .ddp-box-input {float:left; width:100%; margin-left:-110px; padding-left:110px; box-sizing:border-box;}
.ddp-form-label .ddp-box-input .ddp-ui-error {left:110px;}

ul.ddp-box-select-check {padding:9px 0; border:1px solid #ddd; border-radius:1px; background-color:#fff;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
}
ul.ddp-box-select-check li {}
ul.ddp-box-select-check li a {display:block; position:relative; padding:4px 50px 4px 20px; color:#4b515b; font-size:13px;}
ul.ddp-box-select-check li a em.ddp-icon-check {display:none; position:absolute; top:50%; right:18px; width:11px; height:8px; margin-top:-6px; background:url(../../images/icon_select2.png) no-repeat;}
ul.ddp-box-select-check li.ddp-selected a em.ddp-icon-check {display:block;}
ul.ddp-box-select-check li a:hover em.ddp-icon-check {background-position:left top;}
ul.ddp-box-select-check li a:hover {background-color:#ff8b00; color:#fff;}
ul.ddp-box-select-check.ddp-box-select-basic li a {padding-right:20px;}

/**********************************************************************************
	노트북, 데이터셋 데이터타입 선택
**********************************************************************************/
.ddp-ui-data-select {padding:35px 70px 40px 70px;}
.ddp-ui-data-select a.ddp-btn-select {margin-top:5px;}
.ddp-ui-data-select a.ddp-btn-select:first-of-type {margin-top:0;}
a.ddp-btn-select {display:inline-block; position:relative; width:100%; padding:24px 0; border-radius:3px; border:1px solid #b7b9c2; text-align:center; color:#4b515b; font-size:16px; }
a.ddp-btn-select:hover {background-color:#4b515b; color:#fff;}
a.ddp-btn-select.ddp-selected {color:#fff; background-color:#4b515b; font-weight:normal;}
a.ddp-btn-select.ddp-selected em.ddp-icon-check {display:inline-block; position:absolute; top:50%; right:22px; width:14px; height:10px; margin-top:-5px; background:url(../../images/icon_select2.png) no-repeat; background-position:left -9px;}
em.ddp-icon-boxbtn-data,
em.ddp-icon-boxbtn-dashboard,
em.ddp-icon-boxbtn-chart,
em.ddp-icon-boxbtn-file,
em.ddp-icon-boxbtn-database,
em.ddp-icon-boxbtn-ftp,
em.ddp-icon-boxbtn-file2,
em.ddp-icon-boxbtn-stream,
em.ddp-icon-boxbtn-snapshot,
em.ddp-icon-boxbtn-staging,
em.ddp-icon-boxbtn-engine,
em.ddp-icon-boxbtn-hive,
em.ddp-icon-boxbtn-url,
em.ddp-icon-boxbtn-file-multi  {display:inline-block; margin-right:15px; background:url(../../images/icon_boxbtn.png) no-repeat; vertical-align: middle;}

.ddp-btn-select:hover em.ddp-icon-boxbtn-data {background-position:-22px top;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-dashboard {background-position:-22px -25px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-chart {background-position:-29px -49px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-file {background-position:-21px -72px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-database {background-position:-23px -97px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-ftp {background-position:-24px -123px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-hadoop {background-position:left -64px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-file2 {background-position:-27px -150px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-stream {background-position:-25px -173px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-snapshot {background-position:-31px -203px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-staging {background-position:-25px -227px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-engine {background-position:-23px -253px;}
.ddp-btn-select:hover em.ddp-icon-boxbtn-hive {background-position:-28px -271px }
.ddp-btn-select:hover em.ddp-icon-boxbtn-url {background-position:-23px -300px }
.ddp-btn-select:hover em.ddp-icon-boxbtn-file-multi {background-position:-22px -322px }
em.ddp-icon-boxbtn-data,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-data {width:21px; height:24px;}
em.ddp-icon-boxbtn-dashboard,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-dashboard  {width:21px; height:23px; background-position:left -25px;}
em.ddp-icon-boxbtn-chart,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-chart {width:28px; height:22px; background-position:left -49px;}
em.ddp-icon-boxbtn-file,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-file {width:20px; height:24px; background-position:left -72px;}
em.ddp-icon-boxbtn-database,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-database {width:22px; height:25px; background-position:left -97px;}
em.ddp-icon-boxbtn-ftp,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-ftp {width:23px; height:26px; background-position:left -123px;}
em.ddp-icon-boxbtn-file2,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-file2  {width:26px; height:22px; background-position:left -150px;}
em.ddp-icon-boxbtn-stream,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-stream {width:24px; height:29px; background-position:left -173px;}
em.ddp-icon-boxbtn-snapshot,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-snapshot {width:30px; height:23px; background-position:left -203px;}
em.ddp-icon-boxbtn-staging,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-staging {width:24px; height:25px; background-position:left -227px;}
em.ddp-icon-boxbtn-engine,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-engine {width:22px; height:17px; background-position:left -253px;}
em.ddp-icon-boxbtn-hive,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-hive{width:28px; height:28px; background-position:left -271px; }
em.ddp-icon-boxbtn-hadoop {display:inline-block; margin-right:15px; width:128px; height:31px; background:url(../../images/icon_boxbtn2.png) no-repeat; vertical-align: middle;}
em.ddp-icon-boxbtn-url,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-url {width:23px; height:22px; background-position:left -299px;}
em.ddp-icon-boxbtn-file-multi,
.ddp-btn-select.ddp-disabled:hover em.ddp-icon-boxbtn-file-multi {width:21px; height:25px; background-position:left -322px;}

.ddp-btn-select.ddp-disabled:before {display:inline-block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.4); cursor: no-drop;}
.ddp-btn-select.ddp-disabled:hover {background:none;  color:#4b515b;}

/**********************************************************************************
	노트북 생성
**********************************************************************************/
.ddp-wrap-file-navi {border:1px solid #bec0c8; width:100%; height:424px; overflow-y:hidden; overflow-x:auto;}
.ddp-ui-file-navi {height:100%; white-space:nowrap;}
.ddp-box-filelist {display:inline-block; width:240px; height:100%; border-right:1px solid #e9e9ec; overflow-y:auto;}
.ddp-box-filelist ul.ddp-list-file li a {display:block; position:relative; padding:5px 36px 5px 46px; color:#4b515b; font-size:12px;}
.ddp-box-filelist ul.ddp-list-file li:nth-child(odd) a {background-color:#fafafa;}
.ddp-box-filelist ul.ddp-list-file li a:hover {background-color:#f0f0f2;}
.ddp-box-filelist ul.ddp-list-file li.ddp-selected a {background-color:#f0f0f2;}
.ddp-box-filelist ul.ddp-list-file li.ddp-list-parent a:after {display:inline-block; content:''; position:absolute; top:50%; right:13px; width:4px; height:7px; margin-top:-4px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -19px;}

.ddp-box-filelist ul.ddp-list-file li a .ddp-icon-folder,
.ddp-box-filelist ul.ddp-list-file li a .ddp-icon-workbook,
.ddp-box-filelist ul.ddp-list-file li a .ddp-icon-dashboard3,
.ddp-box-filelist ul.ddp-list-file li a .ddp-icon-chart3 {position:absolute;}
.ddp-box-filelist ul.ddp-list-file li a .ddp-icon-folder {left:17px; top:50%; margin-top:-7px;}
.ddp-box-filelist ul.ddp-list-file li a .ddp-icon-workbook {left:18px; top:50%; margin-top:-7px;}
.ddp-box-filelist ul.ddp-list-file li a .ddp-icon-dashboard3 {left:16px; top:50%; margin-top:-7px;}
.ddp-box-filelist ul.ddp-list-file li a .ddp-icon-chart3 {left:16px; top:50%; margin-top:-7px;}

.ddp-box-filelist:last-of-type ul.ddp-list-file li.ddp-selected a {position:relative;background-color:#f2f1f8;}
.ddp-box-filelist:last-of-type ul.ddp-list-file li.ddp-selected a:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #666eb2; content:'';}
.ddp-box-filelist:last-of-type ul.ddp-list-file li.ddp-selected a:after {display:inline-block; position:absolute; top:50%; right:10px; width:11px; height:8px; margin-top:-6px; background:url(../../images/icon_select2.png) no-repeat; background-position:-15px top; content:'';}

.ddp-box-filelist:last-of-type ul.ddp-list-file li.ddp-list-parent.ddp-selected a {background-color:#f0f0f2; color:#4b515b}
.ddp-box-filelist:last-of-type ul.ddp-list-file li.ddp-list-parent.ddp-selected a:after{display:inline-block; content:''; position:absolute; top:50%; right:13px; width:4px; height:7px; margin-top:-4px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -19px;}

.ddp-box-filelist:last-of-type ul.ddp-list-file li.ddp-list-parent.ddp-selected a .ddp-icon-dashboard3 { background-position:left -16px;}
.ddp-box-filelist:last-of-type ul.ddp-list-file li.ddp-list-parent.ddp-selected a .ddp-icon-chart3 {background-position:left -28px;}

/**********************************************************************************
	노트북 상세
**********************************************************************************/
.ddp-wrap-table2 {overflow:hidden;}
.ddp-wrap-table2 .ddp-ui-table {overflow:hidden;}
.ddp-wrap-table2 .ddp-ui-table  table.ddp-table-form.ddp-table-type3 {width:100%;}
.ddp-wrap-table2 .ddp-label-table {float:left;padding:7px 0; color:#b7bac1; font-size:13px;}
.ddp-wrap-table2 table.ddp-table-form {display:block;  overflow:hidden;}
.ddp-wrap-datadetail2 {margin:0 -80px; padding:113px 80px 0 80px; border-top:9px solid #e7e7ea; box-sizing:border-box;}
.ddp-wrap-datadetail.ddp-type {height:100%; margin-top:-48px; padding:88px 45px 0 45px; box-sizing:border-box;}
.ddp-wrap-datadetail {padding:15px 45px;}
.ddp-wrap-datadetail table.ddp-table-detail:first-of-type {margin-top:20px;}
.ddp-wrap-datadetail .ddp-wrap-detail-sub table.ddp-table-detail {margin-bottom:30px;}
.ddp-wrap-datadetail .ddp-info-left {display:inline-block; float:left; width:350px; height:100%; border-right:1px dotted #ccc;}
.ddp-wrap-datadetail.ddp-type .ddp-ui-datadetail {padding:0; height:100%; border-top:none; overflow:auto;}
.ddp-wrap-datadetail.ddp-type .ddp-ui-datadetail table.ddp-table-detail tbody tr td {padding-right:20px;}
.ddp-wrap-datadetail.ddp-type .ddp-ui-datadetail .ddp-data-none {color:#b7bac1; font-size:13px;}

.ddp-wrap-datadetail.ddp-type .ddp-wrap-rules-flow.ddp-snapshot {position:relative;right:0;height:auto; padding:50px 35px 50px 0;}
.ddp-wrap-datadetail.ddp-type .ddp-ui-rule-flow {position:relative; top:0; overflow:inherit}
.ddp-wrap-datadetail.ddp-type .ddp-wrap-rules-flow.ddp-snapshot ul.ddp-list-rule2 li {padding:6px 0;}
.ddp-wrap-datadetail.ddp-type .ddp-wrap-rules-flow.ddp-snapshot .ddp-box-title {font-size:16px; font-weight:normal; vertical-align:middle;}
.ddp-wrap-datadetail.ddp-type .ddp-wrap-rules-flow.ddp-snapshot .ddp-data-num {position:relative; top:-1px;}
.ddp-wrap-datadetail.ddp-type .ddp-form-box {height:350px; border:1px solid #d0d1d8;}
.ddp-wrap-datadetail .ddp-info-right {display:block; padding-left:50px; overflow:hidden;}
table.ddp-table-detail.type-sub {padding-left:27px;}
table.ddp-table-detail {table-layout:fixed; width:100%; margin-top:30px;}
table.ddp-table-detail.ddp-mgt20 {margin-top:20px;}
table.ddp-table-detail tbody tr > th,
table.ddp-table-detail tbody tr > td {padding:7px 0; vertical-align: top; font-weight:normal;}
table.ddp-table-detail tbody tr th {color:#91969e; font-size:13px; text-align:left;}
table.ddp-table-detail tbody tr th.type-line-height {line-height:30px;}
table.ddp-table-detail tbody tr th .ddp-wrap-hover-info {display:inline-block; position:relative; cursor:pointer;}
table.ddp-table-detail tbody tr th .ddp-wrap-hover-info .ddp-icon-info3 {display:inline-block; width:11px; height:11px; background:url(../../images/icon_que.png) no-repeat; background-position:left -12px;}
table.ddp-table-detail tbody tr th .ddp-wrap-hover-info .ddp-box-layout4 {display:none; position:absolute; bottom:-30px; left:100%; margin-left:5px;width:350px;}
table.ddp-table-detail tbody tr th .ddp-wrap-hover-info:hover .ddp-box-layout4 {display:block;}
table.ddp-table-detail tbody tr td {padding-right:40px;color:#4b515b; font-size:13px; word-break:break-all;}
table.ddp-table-detail tbody tr td.ddp-line {line-height:30px;}
table.ddp-table-detail tbody tr td > .ddp-box-det {width:500px; margin-top:7px;padding:10px 20px; background-color:#f6f6f7; border-radius:2px;}
table.ddp-table-detail tbody tr td > .ddp-box-det .ddp-list-det li {padding:6px 0; font-size:13px;}
table.ddp-table-detail tbody tr td > .ddp-box-det .ddp-list-det li:before {display:inline-block; margin-right:7px; vertical-align:middle; content:'•'}
table.ddp-table-detail tr td .ddp-data-total {padding:15px 0 10px 0; color:#b7b9c2;}
table.ddp-table-detail tr td .ddp-btn-pop {margin-top:-7px;}
table.ddp-table-detail tr td .ddp-btn-pop.ddp-bg-black {border:1px solid #90969f; background-color:#90969f;}
table.ddp-table-detail tr td .ddp-btn-pop.ddp-bg-black:hover {border:1px solid #4b515b; background-color:#4b515b;}
table.ddp-table-detail tr td .ddp-apply {margin:-6px 0; margin-bottom:6px;}
table.ddp-table-detail tr td .ddp-apply .ddp-btn-add  {display:inline-block; padding:7px 14px; margin-left:4px;border-radius:2px; color:#fff; font-size:13px; background-color:#b7b9c2;}
table.ddp-table-detail tr td .ddp-apply .ddp-btn-add .ddp-icon-plus {display:inline-block; margin-right:6px;}
table.ddp-table-detail tr td .ddp-apply .ddp-btn-add:hover {background-color:#90969f;}
table.ddp-table-detail tr td .ddp-apply .ddp-type-search {float:left;width:400px;}
ul.ddp-list-detail {border-top:1px solid #b7b9c2; border-bottom:1px solid #b7b9c2;}
ul.ddp-list-detail li {position:relative; padding:12px 0 8px 25px; height:40px; border-bottom:1px solid #e7e7ea; overflow:hidden; box-sizing:border-box;}
ul.ddp-list-detail li:last-of-type {border-bottom:none;}
ul.ddp-list-detail li .ddp-wrap-detailinfo {float:right; padding-left:10px; background-color:#fff;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-wrap-detaildata {float:left;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-wrap-detaildata .ddp-data-num {margin-left:15px;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-data-by2 {float:left; margin-left:40px; padding-right:10px;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-data-by2 .ddp-icon-by {color:#b7bac1;}
ul.ddp-list-detail li .ddp-box-tag2 {display:inline-block; position:relative; float:left; margin-right:7px; padding:1px 3px 0 3px;border:1px solid #656eb2; border-radius:1px; line-height:1.2em; color:#656eb2; font-size:10px;}
ul.ddp-list-detail li .ddp-wrap-detailname {display:block; max-width:100%; overflow:hidden; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
ul.ddp-list-detail li .ddp-wrap-detailname span.ddp-data-detailname {display:inline-block; color:#4c515a; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; vertical-align: middle;}
ul.ddp-list-detail li .ddp-wrap-detailname span.ddp-data-detailname span.ddp-data-in {display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
ul.ddp-list-detail li .ddp-wrap-detailname span.ddp-data-summary  {color:#b7bac1; font-size:14px; vertical-align: middle;}
ul.ddp-list-detail li .ddp-data-no {float:left; width:45px; margin-left:-25px; text-align:center;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-type-lang {float:left; min-width:60px; color:#4c515a;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-data-state {float:left; min-width:65px; }
ul.ddp-list-detail.ddp-list-notebook li {padding-right:450px;}
ul.ddp-list-detail.ddp-list-model {margin-top:10px;}
ul.ddp-list-detail.ddp-list-model li .ddp-wrap-detailname {text-overflow:ellipsis;}

/**********************************************************************************
	모델 매니저리스트
**********************************************************************************/
.ddp-ui-contents-top {position:fixed; left:0; right:0; top:54px; padding:0 80px; border-bottom:1px solid #d0d0d3; z-index:20;
  background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */}
.ddp-ui-contents-top .ddp-ui-title {padding:25px 0 18px 0; color:#4b515b; font-weight:bold; font-size:22px;}
ul.ddp-list-top-tab {overflow:hidden;}
ul.ddp-list-top-tab li {float:left; padding:0 20px;}
ul.ddp-list-top-tab li:first-of-type {padding-left:0;}
ul.ddp-list-top-tab li a {display:block; padding:10px 0; color:#90969f; font-size:14px; border-bottom:3px solid #fff;}
ul.ddp-list-top-tab li.ddp-selected a {border-bottom:3px solid #666eb2; color:#666eb2;}

.ddp-ui-contents-list {position:relative; padding-top:113px; padding-bottom:54px;}
.ddp-ui-contents-list .ddp-wrap-option {float:left; width:100%; padding-top:10px; margin-bottom:13px;}
.ddp-ui-contents-list .ddp-ui-option {padding:10px 0 0 0;}
.ddp-ui-contents-list .ddp-ui-option .ddp-form-search input::placeholder {color:#90969f;}
.ddp-ui-contents-list .ddp-ui-option .ddp-multi-search {margin-top:5px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-box-tag {font-size:10px !important;}
.ddp-ui-contents-list .ddp-ui-option .ddp-type-selectbox ul.ddp-list-selectbox.ddp-selectdown {left:0; right:inherit; min-width:100%; white-space:nowrap;}

.ddp-ui-contents-list .ddp-ui-option.ddp-optiontype {padding-top:24px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-type-selectbox {width:132px;}

.ddp-ui-contents-list .ddp-ui-option .ddp-wrap-edit {float:left; margin-left:30px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-wrap-edit:first-of-type {margin-left:0;}
.ddp-ui-contents-list .ddp-ui-option .ddp-wrap-edit .ddp-label-type {padding-right:10px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-radio {margin-right:10px;}

.ddp-ui-contents-list .ddp-ui-option .ddp-btn-toggle {float:left; margin-right:4px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-ui-calen {float:left; width:320px; margin-right:4px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-ui-calen + .ddp-btn-line-s {padding:6px 15px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-form-search {position:relative; width:370px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-ui-rightoption {float:right; position:relative; margin-top:10px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-ui-rightoption .ddp-btn-selection {position:relative; top:-6px; margin-left:10px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-ui-rightoption .ddp-btn-selection:first-of-type {margin-left:0;}
.ddp-ui-contents-list .ddp-ui-option .ddp-ui-rightoption .ddp-wrap-edit {position:relative; top:-9px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-ui-rightoption .ddp-wrap-edit:after {display:inline-block; content: '';  position:absolute; top:10px; right:0; height:14px; border-right:1px solid #d2d3da;}
.ddp-ui-contents-list .ddp-ui-option span.ddp-data-total {position:relative; top:2px; float:left; padding:0 20px; color:#90969f; font-size:12px;}
.ddp-ui-contents-list .ddp-ui-option span.ddp-data-total:after {display:inline-block; content: '';  position:absolute; top:0; right:0; height:14px; border-right:1px solid #d2d3da;}
.ddp-ui-contents-list .ddp-ui-option span.ddp-data-total.ddp-only {padding-right:0}
.ddp-ui-contents-list .ddp-ui-option span.ddp-data-total.ddp-only:after {display:none;}
.ddp-ui-contents-list .ddp-ui-option span.ddp-data-total.ddp-type:after {display:none}
.ddp-ui-contents-list .ddp-ui-option .ddp-list-option {position:relative; float:left; padding:0 17px 0 17px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-list-option .ddp-wrap-info {display:inline-block; position:relative; top:2px; vertical-align:top;}
.ddp-ui-contents-list .ddp-ui-option .ddp-list-option .ddp-wrap-info .ddp-icon-info {display:inline-block; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:-14px -30px; cursor:pointer;}
.ddp-ui-contents-list .ddp-ui-option .ddp-list-option .ddp-wrap-info .ddp-icon-info:hover {background-position:-28px -30px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-list-option .ddp-wrap-info .ddp-box-layout4 {display:none; position:absolute; top:100%; left:-43px; width:235px; margin-top:8px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-list-option .ddp-wrap-info:hover .ddp-box-layout4 {display:block;}
.ddp-ui-contents-list .ddp-ui-option .ddp-list-option a.ddp-btn-line-s {vertical-align:middle; margin:-6px 3px 0 3px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-list-option a.ddp-btn-line-s + .ddp-wrap-info em.ddp-icon-info {margin:0;}

.ddp-ui-contents-list .ddp-ui-option .ddp-list-option:after {display:inline-block; content: '';  position:absolute; top:0; right:0; height:14px; border-right:1px solid #d2d3da;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link {float:left; margin-left:20px;  color:#90969f; font-size:12px;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link.ddp-type {position:relative; top:3px;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link.ddp-type:hover .ddp-icon-export {background-position:-14px -56px;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link.ddp-type:hover .ddp-ui-tooltip-info {display:block; position:absolute; right:-10px; left:inherit; top:100%; margin-top:5px;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link.ddp-type:hover .ddp-ui-tooltip-info .ddp-icon-view-top {left:inherit;right:15px;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link:hover {color:#4b515b;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link.ddp-disabled,
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link.ddp-disabled:hover {color:#90969f; opacity:0.5; cursor: no-drop;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-btn-link em.ddp-icon-link-add {display:inline-block; width:13px; height:13px; background:url(../../images/icon_add.png) no-repeat; background-position:left -22px;}

.ddp-ui-contents-list .ddp-ui-option .ddp-ui-sort.type-option { margin:-13px 0 0 0;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-link-reset {color:#90969f; font-size:12px;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-link-reset:hover {color:#4b515b;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-link-reset em.ddp-btn-reset3 {position:relative; top:-1px; margin-right:6px; vertical-align: middle;}
.ddp-ui-contents-list .ddp-ui-option a.ddp-link-reset:hover em.ddp-btn-reset3 {background-position:-15px -34px;}
.ddp-ui-contents-list .ddp-ui-option .ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-checkbox {margin-right:10px;}
.ddp-ui-contents-list .ddp-ui-option *,
.ddp-ui-contents-list .ddp-ui-option .ddp-label-radio span.ddp-txt-radio,
.ddp-ui-contents-list .ddp-ui-option .ddp-label-checkbox span.ddp-txt-checkbox {font-size:12px;}
.ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-checkbox {display:inline-block; margin-right:30px;}
.ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-radio {display:inline-block; margin-right:30px; vertical-align:middle;}
.ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-checkbox:last-of-type,
.ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-radio:last-of-type {margin-right:0;}

.ddp-wrap-edit .ddp-ui-edit-option .ddp-type-selectbox {background-color:transparent;}
.ddp-wrap-edit .ddp-ui-edit-option .ddp-type-selectbox.ddp-white {background-color:#fff;}

.ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-radio.type-scheduled span.ddp-txt-radio {font-size:11px; color:#0ead76; font-weight:bold;}

.ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-radio.type-unscheduled span.ddp-txt-radio {font-size:11px; color:#90969f; font-weight:bold;}
.ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-radio.type-creating span.ddp-txt-radio {font-size:11px; color:#e8a900; font-weight:bold;}

.ddp-wrap-edit .ddp-ui-edit-option a.ddp-btn-toggle {display:inline-block; padding:7px; margin-right:4px; background-color:#d0d1d8; border-radius:3px; color:#4b515b; font-size:12px; text-align:center; box-sizing:border-box;}
.ddp-wrap-edit .ddp-ui-edit-option a.ddp-btn-toggle.ddp-selected {background-color:#4b515b; color:#fff;}
.ddp-wrap-edit .ddp-ui-edit-option a.ddp-btn-toggle.ddp-all {width:58px;}
.ddp-wrap-edit .ddp-ui-edit-option a.ddp-btn-toggle.ddp-today {width:83px;}
.ddp-wrap-edit .ddp-ui-edit-option a.ddp-btn-toggle.ddp-last {width:89px;}
.ddp-wrap-edit .ddp-ui-edit-option .ddp-ui-calen {margin-right:4px;}

/**********************************************************************************
	모델 매니저리스트
**********************************************************************************/
.ddp-top-flow .ddp-wrap-navi .ddp-ui-naviarea.ddp-type {left:55px;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-data-history {float:left; min-width:60px;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-data-history a.ddp-link-fail {color:#e35252; font-size:12px; vertical-align: middle;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-data-history a.ddp-link-fail:hover {text-decoration: underline;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-data-history a.ddp-link-fail em.ddp-icon-go {display:inline-block; position:relative; top:-1px; margin-left:3px; width:13px; height:13px; background:url(../../images/icon_go.png) no-repeat; vertical-align: middle;}
ul.ddp-list-detail li .ddp-wrap-detailinfo .ddp-data-history .ddp-data-success {color:#5cacdf; font-size:12px;}

/************************************************************************
	page : 데이터 프리퍼레이션 유니온
**********************************************************************/
.ddp-wrap-union {position:relative; width:100%; height:100%; overflow:auto; background-color:#fafafa;}
.ddp-wrap-union .ddp-ui-title {padding:20px 0 19px 0; font-size:13px; color:#b7b9c2; font-weight:bold;}
.ddp-ui-union-output {position:absolute; top:0; left:0; bottom:0; width:258px; border-right:1px solid #e7e7ea; background-color:#fff;}
.ddp-ui-union-output .ddp-data-total {display:block; padding-bottom:8px; color:#444; font-size:13px;}
.ddp-ui-union-output .ddp-data-total .ddp-data-num {color:#666eb2;}
.ddp-wrap-union-list {position:relative; float:left; width:100%; padding-right:12px; box-sizing:border-box;}

.ddp-wrap-union-list:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; content:'';}
.ddp-wrap-union-list ul.ddp-list-union li {padding-bottom:10px;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column {position:relative; padding:0 25px 0 51px; border-radius:2px; border:1px solid #d0d1d8; cursor: pointer;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column:hover {border:1px solid #b7b9c2;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column em.ddp-icon-type-ab {position:absolute; top:50%; left:17px;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column em.ddp-icon-type-calen {position:absolute; top:50%; left:17px;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column em.ddp-icon-type-sharp {position:absolute; top:50%; left:17px;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column em.ddp-icon-type-float {position:absolute; top:50%; left:17px;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column em.ddp-icon-type-array {position:absolute; top:50%; left:17px;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column em.ddp-icon-type-map {position:absolute; top:50%; left:17px;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column input.ddp-input-column {display:none; width:100%; padding:6px 0; color:#4b515b; font-size:12px; border:none; box-sizing:border-box;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column span.ddp-data-column {display:block; width:100%; padding:6px 0; color:#4b515b; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ddp-wrap-union-list ul.ddp-list-union li.ddp-selected .ddp-box-column input.ddp-input-column {display:block;}
.ddp-wrap-union-list ul.ddp-list-union li.ddp-selected .ddp-box-column span.ddp-data-column {display:none}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column em.ddp-icon-control-edit {display:none; position:absolute; top:50%; right:5px; margin-top:-10px;}
.ddp-wrap-union-list ul.ddp-list-union li .ddp-box-column:hover em.ddp-icon-control-edit {display:block;}

.ddp-ui-union-set {position:absolute; left:259px; top:0; right:0; bottom:0; background-color:#fafafa;}
.ddp-ui-union-set .ddp-ui-title {padding:20px 20px 20px 20px;}
.ddp-ui-popup-contents a.ddp-dataset {position:absolute; top:93px; right:50px; font-weight:normal; cursor:pointer;}
.ddp-ui-popup-contents a.ddp-dataset .ddp-icon-link-plus {margin-right:5px;}
.ddp-ui-popup-contents.ddp-union {padding-top:140px;}

.ddp-ui-union-set .ddp-ui-title a.ddp-btn-line:hover .ddp-icon-link-plus {background-position:-20px -2px; }
.ddp-wrap-union-set {position:absolute; top:53px; left:0; right:0; bottom:0;}
.ddp-ui-union-table {display:inline-block;  white-space:nowrap;}
.ddp-ui-union-table table.ddp-table-union:first-of-type tr th,
.ddp-ui-union-table table.ddp-table-union:first-of-type tr td {padding-left:23px;}
table.ddp-table-union {display:inline-block; width:auto; margin-left:-3px; white-space:nowrap; vertical-align: top;}
table.ddp-table-union tr th {position:relative; padding:0 5px 5px 12px; text-align:left;}
table.ddp-table-union tr th:first-of-type {padding-left:23px;}
table.ddp-table-union tr th .ddp-wrap-top {padding:0 0 0 0; width:234px; font-size:0; box-sizing:border-box;}
table.ddp-table-union tr th .ddp-data-name {display:block; font-size:13px; color:#4b515b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
table.ddp-table-union tr th .ddp-ui-value {float:right; margin-left:5px;}
table.ddp-table-union tr th .ddp-ui-value .ddp-data-value {float:left; position:relative; top:2px; color:#b7b9c2; font-size:12px;}
table.ddp-table-union tr th .ddp-ui-value .ddp-data-value strong {color:#666eb2; font-weight:normal;}
table.ddp-table-union tr th .ddp-ui-value em.ddp-icon-control-cut {position:relative; top:-1px; float:Left; margin-left:10px;}
table.ddp-table-union tr td {padding:5px 6px 5px 6px; height:39px; vertical-align: top; box-sizing:border-box;}
.ddp-ui-union-table table.ddp-table-union tr td .ddp-box-column {padding-left:35px;}
table.ddp-table-union tr td .ddp-box-column {position:relative; padding:0 10px 0 51px; border-radius:2px; border:1px solid #d0d1d8; background-color:#fff;}
table.ddp-table-union tr td .ddp-box-column span.ddp-data-column {display:block; width:100%; padding:6px 0; color:#4b515b; font-size:12px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
table.ddp-table-union tr td .ddp-box-column.ddp-disabled {background-color:#e9eaec; border:1px solid #e9eaec;}
table.ddp-table-union tr td .ddp-box-column.ddp-disabled * {opacity:0.4;}
table.ddp-table-union tr.ddp-disabled td {}

table.ddp-table-union tr td .ddp-data-dropped { color:#b7b9c2; font-style:italic;}
table.ddp-table-union tr td .ddp-data-dropped strong {color:#666eb2; font-weight:normal;}

/**********************************************************************************
	데이터 프리퍼레이션 리스트목록
**********************************************************************************/
.ddp-ui-optionset-head {position:relative; background-color:#313538;}
.ddp-ui-optionset-head span.ddp-ui-title {display:block; padding:33px 0 35px 45px; color:#fff; font-size:18px;}
.ddp-ui-optionset-head span.ddp-ui-title em.ddp-icon-option {display:inline-block; width:21px; height:22px; margin-right:17px; background:url(../../images/icon_option2.png) no-repeat; vertical-align:middle;}

.ddp-ui-optionset-head ul.ddp-list-management {padding:0 60px; overflow:Hidden;}
.ddp-ui-optionset-head ul.ddp-list-management li {float:left; padding:0 23px;}
.ddp-ui-optionset-head ul.ddp-list-management li a {display:inline-block; padding-bottom:13px; border-bottom:2px solid #313538; color:#c7ccd0; font-size:14px;}
.ddp-ui-optionset-head ul.ddp-list-management li.ddp-selected a {color:#fefefe; font-weight:bold; border-bottom:2px solid #ff8b00;}
.ddp-ui-optionset-head ul.ddp-list-management li a:hover {color:#fff;}

.ddp-ui-optionset-head span.ddp-btn-add {display:inline-block; position:absolute; bottom:-20px; right:51px; width:40px; height:40px; border-radius:50%; background-color:#90969f; cursor:pointer; z-index:1;}
.ddp-ui-optionset-head span.ddp-btn-add:hover {background-color:#b7b9c2;}
.ddp-ui-optionset-head span.ddp-btn-add em.ddp-icon-plus {display:inline-block; position:absolute; top:50%; left:50%; width:11px; height:11px; margin:-5px 0 0 -5px; background:url(../../images/icon_add.png) no-repeat; background-position:left -10px;}

.ddp-ui-list-control {position:relative; float:left; padding:0 53px 0 83px; width:100%; box-sizing:border-box;}
.ddp-ui-list-control .ddp-fleft .ddp-ui-user-buttons {float:left; position:relative; top:35px; padding-right:13px; margin-right:9px; border-right:1px solid #ddd;}
.ddp-ui-list-control .ddp-ui-user-buttons a.ddp-btn-type-s {margin-right:5px; padding:6px 10px;}

.ddp-ui-list-control .ddp-form-search {float:left; position:relative; width:290px; margin-top:30px;}
.ddp-ui-list-control .ddp-form-search input.ddp-input-search {width:100%; padding:9px 0; font-size:14px; border:none; background:none;}

.ddp-ui-list-control .ddp-ui-accept-select {position:absolute; bottom:0; right:210px;}
.ddp-ui-list-control .ddp-ui-accept-select .ddp-data-select-num {float:left; font-style:italic; margin-right:15px; line-height:32px;}
.ddp-ui-list-control .ddp-ui-accept-select .ddp-ui-user-buttons {float:left;}
.ddp-ui-list-control .ddp-ui-view {position:absolute; bottom:0; right:40px;}

.ddp-layout-contents .ddp-data-source-none {position:relative; width:100%; padding:28px 53px 28px 0; color:#9c9c9c; font-size:14px; box-sizing:border-box; clear:both;}

/************************************************************************
	page : 데이터 프리퍼레이션 데이터셋 추가
**********************************************************************/
.ddp-ui-dataset-new {position:relative; height:100%;}
.ddp-ui-dataset-new .ddp-wrap-viewtable {position:absolute; top:51px; left:0; right:0; bottom:83px;}
.ddp-ui-dataset-new .ddp-ui-sublabel {position:relative; padding:15px 0 15px 0; color:#4b515b; font-size:14px; border-top:1px solid #d0d1d8;}
.ddp-ui-dataset-new .ddp-ui-sublabel .ddp-ui-pop-buttons {position:absolute; top:13px; right:20px;}
.ddp-ui-dataset-new.ddp-type .ddp-wrap-viewtable {top:94px;}

/**********************************************************************************
	page : 데이터 프리퍼레이션 데이터 플로우 생성
**********************************************************************************/
.ddp-dataflow .ddp-box-viewtable {height:426px;}

/**************************************************************
  Page : 99_데이터프리퍼레이션_01데이터플로우_03룰2
**************************************************************/
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-status {padding-bottom:3px;font-size:14px;}
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-status.type-success {color:#65c394;}
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-status.type-failed{color:#df5b60;}
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-name {color:#4b515b; font-size:13px;}
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-name .ddp-txt-name {display:block; padding:3px 0; color:#4b515b; font-size:13px; overflow:hidden;}
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-name .ddp-tag-type {float:left;padding:1px 4px; margin-right:5px;  background-color:#b7b9c1; border-radius:3px; color:#fff; font-size:11px; font-weight:bold; vertical-align:middle;}
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-date {padding-top:5px; color:#b7b9c2; font-size:12px;}
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-det .ddp-data-title {padding-bottom:3px; font-size:14px;}
.page-prep-dataflow ul.ddp-list-snapshot li .ddp-wrap-progress {position:relative; padding-right:20px; margin-top:5px;}
.page-prep-dataflow ul.ddp-list-snapshot li .ddp-wrap-progress .ddp-btn-cancel {display:inline-block; position:absolute; top:50%; right:0; margin-top:-8px; width:15px; height:15px; background:url(../../images/icon_delete.png) no-repeat;  background-position:left -14px;}
.page-prep-dataflow ul.ddp-list-snapshot li .ddp-ui-progress {position:relative; width:100%;}
.page-prep-dataflow ul.ddp-list-snapshot li .ddp-txt-cancel {padding:12px 0;margin:5px 12px 14px 12px; background-color:#f7f7f8;}
.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot {border-bottom:none;}
.page-prep-dataflow ul.ddp-list-snapshot li {border-bottom:1px solid #eaeaec}
.page-prep-dataflow .ddp-input-selectbox {position:relative;}
.page-prep-dataflow .ddp-input-selectbox .ddp-wrap-popup2 {display:none; position:absolute; left:0; right:inherit; bottom:100%; margin-bottom:3px; min-width:100%; max-height:150px; box-sizing:Border-box; overflow:auto;}
.page-prep-dataflow .ddp-input-selectbox .ddp-wrap-popup2.ddp-fix {position:fixed; bottom:inherit; min-width:auto; margin-bottom:0;}
.page-prep-dataflow .ddp-input-selectbox.ddp-selected .ddp-wrap-popup2 {display:block;}
.page-prep-dataflow .ddp-type-selectbox ul.ddp-list-selectbox.ddp-fix {position:fixed; bottom:inherit;}

.page-prep-dataflow .ddp-box-contents .ddp-box-part .ddp-box-title span.ddp-box-title-in {padding-right:19px;}
.page-prep-dataflow .ddp-box-contents .ddp-box-part .ddp-box-title a.ddp-btn-plus {display:inline-block; width:13px; height:13px; top:0; background:url(../../images/icon_add.png) no-repeat; background-position:-84px -22px; border:none;}
.page-prep-dataflow .ddp-box-contents .ddp-box-part .ddp-box-title a.ddp-btn-plus:before {display:none;}
.page-prep-dataflow .ddp-box-contents .ddp-box-part .ddp-box-title a.ddp-btn-plus:hover {background-position-x:-98px; border:none;}
.page-prep-dataflow .ddp-wrap-boxadd .ddp-ui-buttons a.ddp-btn-minus {border:none; background:none;}
.page-prep-dataflow .ddp-wrap-boxadd .ddp-ui-buttons a.ddp-btn-minus:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; width:15px; height:15px; background:url(../../images/icon_delete.png) no-repeat; background-position:left -14px;}
.page-prep-dataflow .ddp-wrap-boxadd .ddp-ui-buttons a.ddp-btn-minus.ddp-disabled {opacity:0.5; cursor:no-drop;}

.page-prep-dataflow ul.ddp-list-snapshot li > .ddp-txt-snapshot .ddp-data-name svg{float:left; margin-right:5px;vertical-align:middle;}

.page-prep-dataflow .icon-db-local-b {display:inline-block; margin-right:5px;}
.page-prep-dataflow .ddp-box-contents .ddp-wrap-part .ddp-box-part.ddp-type-part {width:auto; }
.page-prep-dataflow .ddp-box-contents .ddp-wrap-part .ddp-box-part .ddp-error-part {display:table-cell;}
.page-prep-dataflow .ddp-box-contents .ddp-wrap-part .ddp-box-part .ddp-error-part .ddp-wrap-selectbox {display:table-cell;}
.page-prep-dataflow .ddp-box-contents .ddp-wrap-part .ddp-box-part .ddp-error-part .ddp-type-selectbox {display:inline-block; width:220px;}

.page-prep-dataflow .ddp-wrap-flow-grid .ddp-wrap-grid-option .ddp-list-tab-button {margin-left:10px;}

.page-prep-dataflow .ddp-wrap-warning  {display:table-cell; padding-left:6px; vertical-align:middle;}
.page-prep-dataflow .ddp-wrap-warning  {display:table-cell; padding-left:6px; vertical-align:middle;}
.page-prep-dataflow .ddp-wrap-warning .ddp-box-warning {margin:0;}

.page-prep-dataflow .ddp-box-warning {position:relative; float:left; margin-top:14px; margin-left:6px; width:25px; height:25px; border:1px solid #f7d375; border-radius:2px; background-color:#fdf1d5; box-sizing:border-box; cursor:pointer;}
.page-prep-dataflow .ddp-box-warning .ddp-icon-warning {display:inline-block; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; width:15px; height:14px; background:url(../../images/icon_error.png) no-repeat; background-position:left -16px;}

.page-prep-dataflow .ddp-box-warning .ddp-txt-warning {display:none; position:absolute; top:100%; right:0; padding:7px 10px; margin-top:2px; background-color:#e9b017; color:#fff; font-size:12px; white-space:nowrap; border-radius:2px;}
.page-prep-dataflow .ddp-box-warning:hover .ddp-txt-warning {display:block;}

.page-prep-dataflow .slick-headerrow-column.ui-state-default {border-right:1px solid #ebebed;}
.page-prep-dataflow .slick-headerrow.ui-state-default {border-top:1px solid #ebebed;}

/**********************************************************************************
	page : 데이터 프리퍼레이션 데이터셋 파일업로드
**********************************************************************************/
.ddp-box-file-create {display:table; width:100%; height:100%; border:1px solid #d0d1d8; background-color:#f6f6f7;}
.ddp-box-file-create .ddp-box-default {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.ddp-box-file-create .ddp-box-default.ddp-disabled {opacity:0.3;}
.ddp-box-file-create .ddp-txt-file-info {display:inline-block; padding-bottom:15px; color:#90969f; font-size:18px; }
.ddp-box-file-create.ddp-file-single {}
/*.ddp-box-file-create.ddp-file-single.type-upload .ddp-import-file {display:block;}*/
.ddp-box-file-create.ddp-file-single.type-upload {padding-bottom:100px;}
.ddp-box-file-create.ddp-file-single.type-upload .ddp-box-default  {position:absolute !important; bottom:0; left:0; right:0; padding:28px 29px 27px 29px; height:auto; width:auto; text-align:left; border-top:1px solid #d0d1d8;}
.ddp-box-file-create.ddp-file-single.type-upload .ddp-box-default .ddp-txt-file-info {padding-bottom:5px;}

.ddp-box-file-create.ddp-file-single .ddp-file-progress {display:none; position:relative; width:100%; height:100%; vertical-align:middle; text-align:center; background-color:#fff;}
.ddp-box-file-create.ddp-file-single.type-upload .ddp-file-progress {display:table-cell}
.ddp-box-file-create.ddp-file-single .ddp-file-progress.ddp-disabled:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; content:''; z-index:1; background-color:rgba(255,255,255,0.7);}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-data-name {padding-bottom:7px; font-size:14px; color:#4b515b; font-weight:bold;}

.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-icon-file {display:inline-block; width:56px; height:56px;}
.ddp-box-file-create.ddp-file-single.type-upload .ddp-icon-file {display:inline-block; margin:30px 0; width:60px; height:60px;}
.ddp-box-file-create.ddp-file-single.type-upload .ddp-icon-file svg {width:100%; height:100%;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-data-size {color:#91969e; font-size:12px;}

.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition { box-sizing:border-box;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition .ddp-type-progressbar2 {width:200px;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition.type-failed .ddp-type-progressbar2 .ddp-data-progressbar {background-color:#cd5454;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition .ddp-data-per {display:inline-block; width:48px; padding-right:8px; text-align:right; color:#666eb2; font-weight:bold; vertical-align:middle;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition.type-failed .ddp-data-per {color:#cd5454;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition .ddp-data-condition {display:inline-block; width:65px;padding-left:7px; text-align:center; color:#90969f; vertical-align:middle; }
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition .ddp-data-condition .ddp-line {width:65px; margin:-12px 0; box-sizing:Border-box;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition .ddp-data-condition .ddp-txt-error {position:relative; font-style:normal; cursor:pointer;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition .ddp-data-condition .ddp-txt-error .ddp-box-layout4 {display:none; position:absolute; top:100%; right:0; margin-top:4px; width:275px; text-align:left; z-index:2;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition .ddp-data-condition .ddp-txt-error:hover .ddp-box-layout4 {display:block;}
.ddp-box-file-create.ddp-file-single .ddp-file-progress .ddp-ui-condition .ddp-data-condition .ddp-txt-error .ddp-box-layout4 .ddp-data-det {font-weight:normal; color:#4b515b;}

.ddp-txt-file-info .ddp-link-file {display:inline-block; position:relative; color:#4b515b; font-size:18px; text-decoration: underline; cursor: pointer;}
.ddp-txt-file-info .ddp-link-file:hover {font-weight:bold;}
.ddp-txt-file-info input[type="file"] {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; opacity:0; cursor: pointer;}
.ddp-txt-file-info2 {color:#90969f; font-size:13px;}

.ddp-box-upload {height:70px; padding:0 140px 0 29px; margin-bottom:5px; background-color:#f6f6f7;}
.ddp-wrap-file-create {width:880px;}
.popup-prep-create-complete .type-metadata .ddp-wrap-boxtype  {height:auto; min-height:160px; max-height:160px; margin-bottom:0; }
.popup-prep-create-complete .type-metadata .ddp-sheet-table {margin-top:-192px; padding-top:202px; padding-bottom:10px; height:100%; box-sizing:border-box;}
.popup-prep-create-complete .type-metadata .ddp-sheet-table.type-info {margin-top:-223px; padding-top:233px;}
.ddp-box-popupcontents.ddp-flex {display:flex;flex-direction: column;}
.ddp-box-popupcontents.ddp-flex .ddp-flex-column { margin-bottom:10px;}
.ddp-box-popupcontents.ddp-flex .ddp-wrap-boxtype.ddp-flex-column {height:auto; min-height:auto; max-height:auto; overflow-y:inherit}
.ddp-box-popupcontents .ddp-data-check {margin-top:10px;}
.ddp-box-popupcontents .ddp-data-check .ddp-label-type{float:left; color:#4b515b;}

.ddp-box-upload .ddp-data-load-name {position:relative; padding:27px 0 27px 30px; color:#4b515b; font-size:14px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-box-upload .ddp-data-load-name em.ddp-icon-file2 {position:absolute; top:50%; left:0; margin-top:-10px;}
.ddp-box-upload .ddp-data-load-name svg {position:absolute; top:50%; left:0; margin-top:-12px;}

.ddp-box-upload .ddp-txt-file-info {position:absolute; top:26px; right:35px; color:#90969f; font-size:13px;}
.ddp-box-upload .ddp-txt-file-info .ddp-link-file {color:#4b515b; font-size:13px;}

.ddp-wrap-sheet {height:333px; border:1px solid #b7b9c2; }
.ddp-wrap-sheet.ddp-full .ddp-ui-sheet-list {display:none;}
.ddp-wrap-sheet.ddp-full .ddp-view-sheet {margin-left:0; padding-left:0;}
.ddp-wrap-sheet.ddp-full .ddp-view-sheet .ddp-wrap-grid {left:0;}
.ddp-wrap-sheet .ddp-ui-sheet-list {position:relative; float:left; width:199px; height:100%; border-right:1px solid #d7d8dd; overflow:auto; z-index:1;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li {position:relative; cursor: pointer; border-bottom:1px solid #e6e6e9;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li:before {display:none; content:''; width:6px; height:11px; position:absolute; top:50%; right:15px; margin-top:-6px;background:url(../../images/icon_dataview.png) no-repeat; background-position:left -68px;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li:hover:before {display:block;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li.ddp-selected:before {display:block;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li.ddp-selected {background-color:#f6f6f7;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li {position:relative; padding:0 0 0 35px;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li label.ddp-label-checkbox {display:inline-block; position:absolute; top:0; left:0;  width:35px; height:100%; box-sizing:border-box;}

.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li label.ddp-label-checkbox input {left:14px}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li label.ddp-label-checkbox i {left:14px;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li span.ddp-txt-checkbox {display:block; padding:14px 28px 14px 0; font-size:14px; color:#4c515a;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li span.ddp-txt-checkbox .ddp-icon-error2 {margin-left:3px; position:relative; top:-2px;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li label.ddp-label-radio {display:inline-block; position:absolute; top:0; left:0;  width:35px; height:100%; box-sizing:border-box;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li label.ddp-label-radio input {left:14px;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li label.ddp-label-radio i {left:14px;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li span.ddp-txt-radio {display:block; padding:14px 28px 14px 0; font-size:14px; color:#4c515a;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li span.ddp-txt-radio em.ddp-icon-error2 {margin-left:3px; position:relative; top:-2px;}
.ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li.ddp-selected label.ddp-label-radio input[type="radio"]:checked + i {background-position:-48px top;}

.ddp-view-sheet {position:relative; float:left; width:100%; height:100%; margin-left:-200px; padding-left:200px; box-sizing:Border-box;}
.ddp-view-sheet.ddp-full {margin:0; padding:0;}
.ddp-view-sheet.ddp-full .ddp-wrap-grid {left:0;}
.ddp-view-sheet .ddp-data-name {position:relative; padding:9px 15px 9px 15px; height:36px; color:#4c515a; font-size:14px; border-bottom:1px solid #d7d8dd; box-sizing:border-box;}
.ddp-view-sheet .ddp-data-name .ddp-part-right {position:absolute; top:-13px; right:0;}
.ddp-view-sheet .ddp-data-name .ddp-icon-error2 {margin-left:3px; position:relative; top:-2px; }
.ddp-view-sheet .ddp-wrap-grid {position:absolute; top:36px; left:200px; right:0; bottom:0; font-size:14px; line-height:1.5em; overflow:auto;}
.ddp-view-sheet .ddp-wrap-grid.ddp-full {top:0;}

.ddp-wrap-edit-form .ddp-wrap-edit3{margin-top:20px;}

/****************************************************************************
   Popup : 05_매니지먼트_00데이터저장소_01생성_stram1
*************************************************************************/
.page-storage-create {width:660px;}
.page-storage-create .type-col {margin:0 -8px;}
.page-storage-create .type-col:first-of-type .ddp-wrap-edit2 {margin-top:0;}
.page-storage-create .type-col [class*="ddp-col-"]{padding:0 8px;}
.page-storage-create .type-col .ddp-check {margin-top:3px;}
.page-storage-create .ddp-type-topic .ddp-wrap-edit2 {margin-top:20px;}
.page-storage-create .ddp-type-topic .ddp-type-selectbox {display:inline-block; width:200px; }
.ddp-ui-buttons.ddp-inline .ddp-ui-message .ddp-data-error2.type-font-normal {font-style:normal;}

.page-storage-create .ddp-type-topic .ddp-txt-info {display:inline-block; position:relative; top:-5px; margin-left:5px; padding:0; color:#90969f; font-size:12px; white-space:nowrap; font-weight:normal;}
.page-storage-create .ddp-type-topic .ddp-label-checkbox {margin:5px 0 10px 0}

/****************************************************************************
   Popup : 99_데이터프리퍼레이션_01데이터플로우_04조인_popup
*************************************************************************/
.popup-prep-join .ddp-wrap-prep-join {height:100%; margin-top:-120px; padding:120px 0 0 0; box-sizing:border-box;}
.popup-prep-join .ddp-wrap-prep-join .ddp-ui-prep-join {position:relative;height:100%; min-height:600px;  padding-bottom:60px; box-sizing:border-box;}
.popup-prep-join .ddp-wrap-prep-join .ddp-ui-prep-join.ddp-default .ddp-prep-box-contents {height:100%;}
.popup-prep-join .ddp-wrap-prep-join .ddp-ui-prep-join.ddp-default .ddp-prep-join-type {display:none;}
.popup-prep-join .ddp-ui-popup-join .ddp-prep-box-contents {height:60%; padding:0 50px;}
.popup-prep-join .ddp-ui-popup-join .ddp-prep-box-contents .ddp-box-pop-contents.ddp-type {position:relative; top:0; left:0; right:0; bottom:0; height:100%;}
.popup-prep-join .ddp-ui-popup-join .ddp-prep-join-type {position:relative; height:40%;padding-bottom:60px;}
.popup-prep-join .ddp-ui-popup-join .ddp-prep-join-type .ddp-ui-join-type.ddp-type {position:relative; height:100%; bottom:0;}
.popup-prep-join .ddp-ui-popup-join .ddp-ui-part .ddp-ui-set ul.ddp-list-tab-button li .ddp-ui-tooltip-info {right:0; left:inherit;}
.popup-prep-join .ddp-ui-popup-join .ddp-ui-part .ddp-ui-set ul.ddp-list-tab-button li .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:11px;}

/**************************************************************
  popup :99_데이터프리퍼레이션_01데이터플로우_03데이터셋선택_popup
**************************************************************/
.popup-prep-dataset {}
.popup-prep-dataset .ddp-ui-popup-contents {padding-top:170px;}
.popup-prep-dataset .ddp-ui-dataset-new .ddp-wrap-viewtable {bottom:33px;}
.popup-prep-dataset .ddp-type-top-option .ddp-ui-rightoption .ddp-data-total {position:relative; top:6px;}
.popup-prep-dataset .ddp-ui-popup-contents .ddp-data-dataset {position:absolute; top:104px; left:50px; right:50px; padding:15px 20px; background-color:#f6f6f7; font-size:14px; color:#35393f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.popup-prep-dataset .ddp-ui-popup-contents .ddp-data-dataset .ddp-txt-label {color:#90969f; font-size:14px;}
/**************************************************************
  popup : 99_데이터프리퍼레이션_02데이터셋_01생성완료_popup
**************************************************************/
.popup-prep-create-complete {}
.popup-prep-create-complete .ddp-wrap-complete {width:860px; height:100%; margin:0 auto; text-align:left;}
.popup-prep-create-complete .ddp-wrap-boxtype {width:100%; height:160px; margin:0; }
.popup-prep-create-complete .ddp-wrap-sheet-list {height:100%; margin-top:-200px; padding:210px 0 0 0; box-sizing:border-box;}
.popup-prep-create-complete .ddp-wrap-sheet-list.ddp-full {margin-top:0; padding-top:0;}
.popup-prep-create-complete .ddp-ui-sheet-list {border:1px solid #d6d7dc; height:100%; box-sizing:border-box; overflow:auto;}
.popup-prep-create-complete table.ddp-table-sheet {width:100%; table-layout:fixed;}
.popup-prep-create-complete table.ddp-table-sheet tr th {padding:8px 20px 8px 20px; text-align:left; font-weight:normal; color:#90969f; font-size:12px; border-bottom:1px solid #e7e7ea;}
.popup-prep-create-complete table.ddp-table-sheet tr td {padding:16px 0 16px 20px; text-align:left; color:#4b515b; font-size:13px; vertical-align:top; white-space:nowrap; text-overflow:ellipsis; overflow:Hidden;}
.popup-prep-create-complete table.ddp-table-sheet tr td .ddp-sheet-form {margin:-8px 0;}
.popup-prep-create-complete table.ddp-table-sheet tr td input.ddp-input-typebasic {margin:-8px 0 -8px 0;}
.popup-prep-create-complete table.ddp-table-sheet tr td .ddp-sheet-form input.ddp-input-typebasic {margin:0;}
.popup-prep-create-complete table.ddp-table-sheet tr td .ddp-sheet-form .ddp-data-error {color: #e70000; font-size:12px; font-style:italic;}
.popup-prep-create-complete table.ddp-table-sheet tr td .ddp-sheet-form .ddp-data-error:before {display:inline-block; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:-28px top; vertical-align:middle; content:'';}
.popup-prep-create-complete table.ddp-table-sheet tr td .ddp-sheet-form .ddp-textarea-resize {margin:0;}
.popup-prep-create-complete table.ddp-table-sheet tr td .ddp-textarea-resize {margin:-8px 0 -8px 0;}
.popup-prep-create-complete table.ddp-table-sheet tr th:last-of-type,
.popup-prep-create-complete table.ddp-table-sheet tr td:last-of-type {padding-right:20px;}

.popup-prep-create-complete table.ddp-table-sheet tr:nth-child(odd) td{background-color:#fafafa;}
.popup-prep-create-complete table.ddp-table-sheet tr td textarea {display:block; width:100%; padding:5px 10px; height:30px; border:1px solid #d0d1d9; box-sizing:border-box;}

/**************************************************************
  popup :99_데이터프리퍼레이션_02데이터셋_02파일업로드1
**************************************************************/
.popup-prep-fileupload .ddp-box-file-create .ddp-box-loading.ddp-pop.ddp-progress {background:none; box-shadow:none;}

.popup-prep-fileupload .ddp-box-file-create .ddp-box-loading.ddp-pop .ddp-btn-cancel {color:#b6b9c2;}
.popup-prep-fileupload .ddp-box-file-create .ddp-box-loading.ddp-pop .ddp-btn-cancel:after {background:url(../../images/btn_popclose.png) no-repeat; background-position:-22px -101px; content:'';}
.popup-prep-fileupload .ddp-box-file-create .ddp-box-loading.ddp-cancel {margin-top:10px;}
.popup-prep-fileupload .ddp-box-file-create .ddp-box-loading.ddp-pop.ddp-disabled {opacity:0.3;}
.popup-prep-fileupload .ddp-box-file-create .ddp-box-loading.ddp-pop.ddp-disabled:before {background:none; }

/**************************************************************
  popup : 99_데이터프리퍼레이션_02데이터셋_02파일업로드2_popup
**************************************************************/
.popup-prep-fileupload .ddp-wrap-sheet .ddp-select-all {padding:10px 14px; background-color:#f6f6f7;}
.popup-prep-fileupload .ddp-view-sheet .ddp-wrap-grid .ddp-box-loading.ddp-cancel  {margin-top:10px;}

/**************************************************************
  popup : 99_데이터프리퍼레이션_03데이터스냅샷_01상세_success_popup
**************************************************************/
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail {z-index:56;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title {padding:20px 10px 0 15px; height:85px; background-color:#fff; box-sizing:border-box;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title span {display:block; font-size:16px; font-weight:bold;color:#35393f; line-height:22px; letter-spacing:-1px; box-sizing:border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;}
.popup-prep-snapshot .ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail dd { overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title.type-edit span.ddp-txt-title {position:relative; padding-right:23px; font-size:16px; font-weight:bold;color:#35393f; line-height:22px; letter-spacing:-1px; box-sizing:border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word; cursor:pointer;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title.type-edit span.ddp-txt-title .ddp-link-edit {display:none;position:absolute; bottom:2px; right:5px;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title.type-edit span.ddp-txt-title:hover .ddp-link-edit {display:block;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title.type-edit.ddp-selected .ddp-txt-title {display:none;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title.type-edit.ddp-selected .ddp-ui-input {display:block;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title .ddp-ui-input {display:none;position:Relative; padding-right:23px; margin:-1px 0 0 -5px; border-radius:3px; border:1px solid #b7b9c2; overflow:hidden;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title .ddp-ui-input textarea {display:block; width:100%; height:100%; padding:1px 0 2px 5px;  font-size:16px; font-weight:bold; line-height:22px; letter-spacing:-1px; border:none; background-color:#f6f6f7; box-sizing:border-box;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title .ddp-ui-input input {display:block; width:100%; height:100%; padding:4px 0 4px 5px; font-size:16px; font-weight:bold;border:none; box-sizing:border-box;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title .ddp-ui-input .ddp-btn-check {display:inline-block; position:absolute; top:2px; bottom:2px; right:2px; width:23px; height:inherit; border-radius:3px; background-color:#d0d1d8; cursor: pointer;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-title .ddp-ui-input .ddp-btn-check:hover {background-color:#9ca2cc;}

.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-contents-scroll {position:absolute; top:83px; left:0; right:0; bottom:70px; overflow-y:auto;}

.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-contents-scroll  .ddp-view-detail {padding-top:0;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-buttons {position:absolute; bottom:0; left:0; right:0; padding:20px;  background-color:#fff;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-view-buttons a.ddp-btn-pop {width:100%;}
.popup-prep-snapshot .ddp-layout-pop-right.ddp-detail .ddp-box-info dl.ddp-dl-detail2 {padding-bottom:20px;}

/**************************************************************
    popup : 99_데이터프리퍼레이션_02데이터셋_01생성_file1_popup
**************************************************************/
.ddp-box-popupcontents .ddp-box-file-create {position:relative; overflow:auto; box-sizing:border-box;}
.ddp-box-popupcontents .ddp-box-file-create .ddp-wrap-upload {display:inline-block; position:relative; padding:23px 0 0 0;width:323px; text-align:left;}
.ddp-box-popupcontents .ddp-box-file-create .ddp-wrap-upload .ddp-box-upload-type {padding:15px 20px 15px 17px;border-radius:5px; background-color:#ececef;}
.ddp-box-popupcontents .ddp-box-file-create .ddp-wrap-upload .ddp-box-upload-type  .ddp-wrap-edit3 .ddp-ui-edit-option.ddp-type {padding-bottom:0;}
.ddp-box-popupcontents .ddp-box-file-create .ddp-wrap-upload .ddp-box-upload-type .ddp-wrap-edit3.ddp-type .ddp-type-selectbox {width:100%;}
.ddp-box-popupcontents .ddp-box-file-create .ddp-wrap-upload .ddp-box-upload-type  .ddp-wrap-edit3.ddp-type .ddp-label-type {padding:7px 0; font-size:13px;}

.ddp-box-popupcontents .ddp-box-file-create .ddp-box-file-progress {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:10;}

.ddp-box-file-progress .ddp-import-file {position:absolute; left:-1px; right:-1px; bottom:-1px; padding:27px 0 0 30px; height:100px; border:1px solid #d0d1d8; background-color:#f6f6f7; box-sizing:border-box;}
.ddp-box-file-progress .ddp-import-file.ddp-disabled {opacity:0.3;}
.ddp-box-file-progress .ddp-import-file.ddp-disabled:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:60; content:''; }
.ddp-box-file-progress .ddp-import-file .ddp-txt-file-info {padding-bottom:5px;}
.ddp-box-file-progress .ddp-import-file .ddp-wrap-edit3 {position:absolute; top:34px; right:30px; width:auto;}
.ddp-box-file-progress .ddp-import-file .ddp-wrap-edit3.ddp-type .ddp-label-type {font-size:13px; width:auto; padding-right:22px;}

.ddp-box-file-progress .ddp-file-progress {height:100%; padding-top:39px; padding-bottom:100px; box-sizing:border-box;}
.ddp-box-file-progress .ddp-file-progress .ddp-wrap-file-title {position:absolute; top:0; left:0; right:0; padding:10px 0 10px 14px; height:39px; border-bottom:1px solid #d0d1d8; background-color:#91969e; color:#fff; font-size:14px; overflow:hidden; box-sizing:border-box;}
.ddp-box-file-progress .ddp-file-progress .ddp-wrap-file-title .ddp-file-title {float:left;}
.ddp-box-file-progress .ddp-file-progress .ddp-wrap-file-title .ddp-btn-restore {float:right; position:relative; top:2px; margin-right:15px; color:#fff; font-size:12px;}
.ddp-box-file-progress .ddp-file-progress .ddp-wrap-file-title .ddp-btn-restore .ddp-icon-reset2 {vertical-align:right; margin-right:3px;}
.ddp-box-file-progress .ddp-list-file-progress {height:100%; overflow:auto;}
.ddp-box-file-progress .ddp-list-file-progress li {position:relative; float:left; width:100%; padding-right:360px; border-bottom:1px solid #e6e6e9; box-sizing:border-box;}
.ddp-box-file-progress .ddp-list-file-progress li.ddp-disabled:before {position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.7); content:''; z-index:1;}
.ddp-box-file-progress .ddp-list-file-progress li .ddp-file-name {position:relative; width:100%; padding:27px 0 20px 66px; box-sizing:border-box;}

.ddp-box-file-progress .ddp-list-file-progress li .ddp-file-name [class*="ddp-icon-flow-svg"] {position:absolute; top:50%; left:30px; margin-top:-12px; background:none;}
.ddp-box-file-progress .ddp-list-file-progress li .ddp-file-name .ddp-data-filename {display:inline-block; max-width:100%; padding-bottom:8px; color:#4b515b; font-size:14px; font-weight:bold;}
.ddp-box-file-progress .ddp-list-file-progress li .ddp-file-name .ddp-data-filename .ddp-txt-filename {display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ddp-box-file-progress .ddp-list-file-progress li .ddp-file-name .ddp-data-filename .ddp-txt-subname {float:right;}
.ddp-box-file-progress .ddp-list-file-progress li .ddp-file-name .ddp-data-size {display:block; color:#91969e; font-size:12px;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition {position:absolute; top:0; right:0; bottom:0; width:360px; padding:37px 0 0 0; box-sizing:border-box;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition .ddp-type-progressbar2 {width:200px;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition.type-failed .ddp-type-progressbar2 .ddp-data-progressbar {background-color:#cd5454;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition .ddp-data-per {display:inline-block; width:48px; padding-right:8px; text-align:right; color:#666eb2; font-weight:bold; vertical-align:middle;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition.type-failed .ddp-data-per {color:#cd5454;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition .ddp-data-condition {display:inline-block; width:65px;padding-left:7px; text-align:center; color:#90969f; vertical-align:middle; }
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition .ddp-data-condition .ddp-line {width:65px; margin:-12px 0; box-sizing:Border-box;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition .ddp-data-condition .ddp-txt-error {position:relative; font-style:normal; cursor:pointer;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition .ddp-data-condition .ddp-txt-error .ddp-box-layout4 {display:none; position:absolute; top:100%; right:0; margin-top:4px; width:275px; text-align:left; z-index:2;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition .ddp-data-condition .ddp-txt-error:hover .ddp-box-layout4 {display:block;}
.ddp-box-file-progress .ddp-list-file-progress .ddp-ui-condition .ddp-data-condition .ddp-txt-error .ddp-box-layout4 .ddp-data-det { font-weight:normal; color:#4b515b;}
.ddp-box-file-progress .ddp-list-file-progress li.ddp-disabled .ddp-type-progressbar2 .ddp-data-progressbar {display:none;}

.ddp-ui-create-file.type-filelist-none .ddp-list-create-file {display:none;}
.ddp-ui-create-file.type-filelist-none .ddp-wrap-create-detail {margin-left:0; padding-left:0;}
.ddp-ui-create-file {width:100%; height:100%; border:1px solid #d0d1d8; box-sizing:border-box;}
.ddp-ui-create-file .ddp-list-create-file {float:left; width:250px; max-width:250px; height:100%; border-right:1px solid #d0d1d8; overflow:auto; box-sizing:border-box;}
.ddp-ui-create-file .ddp-wrap-create-detail {float:left; margin-left:-250px; padding-left:250px; width:100%; height:100%; box-sizing:border-box;}
.ddp-ui-create-file .ddp-wrap-create-detail .ddp-ui-create-detail {position:relative; width:100%; height:100%;}
.ddp-ui-create-file .ddp-list-file-name .ddp-wrap-checkbox {position:relative; padding:14px 35px 14px 34px;  cursor:pointer;}

.ddp-ui-create-file .ddp-list-file-name > li {position:relative; border-bottom:1px solid #e6e6e9;}

.ddp-ui-create-file .ddp-list-file-name > li .ddp-wrap-checkbox:hover,
.ddp-ui-create-file .ddp-list-file-name > li.ddp-selected > .ddp-wrap-checkbox,
.ddp-ui-create-file .ddp-list-sub-file > li.ddp-selected > .ddp-wrap-checkbox,
.ddp-ui-create-file .ddp-list-sub-file > li > .ddp-wrap-checkbox:hover {background-color:#f6f6f7; font-weight:bold;}
.ddp-ui-create-file .ddp-list-file-name > li > .ddp-wrap-checkbox:after,
.ddp-ui-create-file .ddp-list-sub-file > li > .ddp-wrap-checkbox:after {display:none; position:absolute; top:50%; right:17px; margin-top:-6px; width:6px; height:11px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -68px; content:'';}
.ddp-ui-create-file .ddp-list-file-name > li > .ddp-wrap-checkbox:hover:after,
.ddp-ui-create-file .ddp-list-file-name > li.ddp-selected > .ddp-wrap-checkbox:after,
.ddp-ui-create-file .ddp-list-sub-file > li > .ddp-wrap-checkbox:hover:after,
.ddp-ui-create-file .ddp-list-sub-file > li.ddp-selected > .ddp-wrap-checkbox:after {display:Block;}
.ddp-ui-create-file .ddp-list-file-name li .ddp-label-checkbox {padding-left:0; max-width:100%; box-sizing:border-box;}
.ddp-ui-create-file .ddp-list-file-name .ddp-wrap-checkbox .ddp-label-checkbox {position:absolute; top:0; left:0; bottom:0; width:34px;}

.ddp-ui-create-file .ddp-list-file-name .ddp-wrap-checkbox .ddp-label-checkbox .ddp-icon-checkbox {left:14px;}

.ddp-ui-create-file .ddp-list-file-name li span.ddp-txt-checkbox {display:inline-block; max-width:100%; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-create-file .ddp-list-file-name li span.ddp-txt-checkbox .ddp-txt-subname {float:right; font-size:13px;}
.ddp-ui-create-file .ddp-list-file-name li .ddp-label-checkbox .ddp-txt-filename {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ddp-ui-create-file .ddp-list-sub-file {border-top:1px solid #e6e6e9;}

.ddp-ui-create-file .ddp-list-sub-file > li .ddp-wrap-checkbox {position:relative; padding:10px 35px 10px 60px;border-bottom:none;}

.ddp-ui-create-file .ddp-list-file-name .ddp-list-sub-file .ddp-wrap-checkbox .ddp-label-checkbox {left:25px !important;}
.ddp-ui-create-file .ddp-ui-create-detail .ddp-wrap-grid-option {border-bottom:1px solid red; overflow:hidden; background-color:#f6f6f7; border-bottom:1px solid #d7d8dd;}
.ddp-ui-create-file .ddp-ui-create-detail .ddp-wrap-grid-option .ddp-data-total {float:right; padding:14px 0 15px 0; }
.ddp-ui-create-file .ddp-ui-create-detail .ddp-wrap-grid-option .ddp-data-total .ddp-txt-data {color:#4b515b; font-weight:300;margin-right:15px;}
.ddp-ui-create-file .ddp-ui-create-detail .ddp-wrap-grid-option .ddp-data-total .ddp-txt-data .ddp-txt-num {font-weight:normal;}
.ddp-ui-create-file .ddp-ui-create-detail .ddp-wrap-grid-option .ddp-data-name {position:relative; padding:14px 0 14px 43px; color:#4c515a; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-create-file .ddp-ui-create-detail .ddp-wrap-grid-option .ddp-data-name [class*="ddp-icon-files"] {position:absolute; top:50%; left:15px; margin-top:-12px;}
.ddp-ui-create-file .ddp-ui-create-detail .ddp-wrap-grid {position:absolute; top:45px; left:0; right:0; bottom:56px; }

.popup-prep-create-complete table.ddp-table-sheet tr td [class*="ddp-icon-flow-"] {margin-right:5px;}

/**************************************************************
  popup : 99_데이터프리퍼레이션_02데이터셋_01생성_url2
**************************************************************/
.ddp-wrap-urltype {position:relative;; width:860px; height:100%; text-align:left; margin:auto;}
.ddp-wrap-urltype .ddp-box-resultpreview {display:block; padding:0; top:84px; left:0; right:0;}
.ddp-wrap-urltype .ddp-box-resultpreview .ddp-ui-pop-top .ddp-label-type {color:#4b515b; font-size:13px; font-weight:normal;}
.ddp-wrap-urltype .ddp-ui-create-file  {position:absolute; top:54px; left:0; right:0; bottom:0; height:auto;}
.ddp-wrap-urltype .ddp-ui-create-file .ddp-ui-create-detail .ddp-wrap-grid {top:0; bottom:0;}

/**********************************************************************************
	popup : 데이터저장소 시트선택 (적재팝업
**********************************************************************************/
.ddp-wrap-layout-popup.type-setting .ddp-box-popup {position:relative; top:0; left:0; height:auto; margin:0 0 0 0; padding-bottom:79px}
.ddp-wrap-layout-popup.type-setting .ddp-box-popup .ddp-pop-title {padding:80px 0 0 0;}
.ddp-wrap-layout-popup.type-setting .ddp-box-popup .ddp-pop-detail {padding:8px 0 20px 0; color:#90969f; font-size:14px; text-align:center;}
.ddp-wrap-layout-popup.type-setting .ddp-pop-detail .ddp-wrap-advance {margin:0 auto; width:464px; text-align:right;}
.ddp-wrap-layout-popup.type-setting .ddp-pop-detail .ddp-wrap-advance .ddp-txt-setting {display:inline-block; margin-top:10px; font-size:13px; color:#4c515a; text-decoration:underline;}
.ddp-wrap-layout-popup.type-setting .ddp-pop-detail .ddp-wrap-advance .ddp-txt-setting {display:inline-block; padding-bottom:20px; color:#4c515a; font-size:13px; text-decoration:underline;}
.ddp-wrap-layout-popup.type-setting .ddp-pop-detail .ddp-wrap-advance .ddp-txt-setting:after {display:inline-block; width:7px; height:4px; margin-left:10px; background:url(../../images/icon_select.png) no-repeat; background-position:-16px top; vertical-align:middle; content:'';}
.ddp-wrap-layout-popup.type-setting .ddp-pop-detail .ddp-wrap-advance.ddp-selected .ddp-txt-setting:after {transform:rotate(180deg)}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance.ddp-selected .ddp-wrap-boxtype {display:block;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype {display:none; text-align:left; margin:0; width:100%; height:auto; min-height:auto;padding:20px 20px; overflow:inherit;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td,
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr th {padding:10px 6px; font-size:12px;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-sub-option {margin:-6px 0 0 0;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-label-radio {margin-right:28px;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-edit3 {display:block; width:auto;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-edit3.ddp-type .ddp-label-type {width:auto; margin-right:6px; padding:6px 0; font-size:12px;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-ui-calen.type-calen {margin-top:10px;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-edit3 .ddp-ui-edit-option {display:block; overflow:Hidden;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-info {float:left; width:100%; padding:5px 0 0 0;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-info .ddp-txt-info + .ddp-txt-info {margin-top:5px;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-info .type-hover {cursor:pointer;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-info .type-hover:hover .ddp-ui-tooltip-info {display:block;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-info .type-hover .ddp-ui-tooltip-info {top:100%; left:-100px; margin-top:5px; width:340px; white-space:normal;}
.ddp-wrap-layout-popup.type-setting .ddp-wrap-advance .ddp-wrap-boxtype table tr td .ddp-wrap-info .type-hover .ddp-ui-tooltip-info .ddp-icon-view-top {left:105px; margin:0;}

/**************************************************************
  popup : 05_매니지먼트_00데이터저장소_01생성_00myfile_01시트선택_popup
**************************************************************/
.popup-datasource .ddp-view-sheet .ddp-data-name .ddp-icon-error2 {position:relative; top:-1px; vertical-align:middle;}
.popup-datasource .ddp-wrap-sheet .ddp-ui-sheet-list ul.ddp-list-sheet li span.ddp-txt-radio .ddp-icon-error2 {position:relative; top:-1px; margin-left:4px; vertical-align:middle;}
.ddp-wrap-edit-form .ddp-wrap-edit3 .ddp-data-error {display:inline-block; min-width:100%; margin-top:20px;}

/**************************************************************
  popup : 05_매니지먼트_00데이터저장소_01생성_03StringDb_03
**************************************************************/
.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table {display:table; margin-top:4px;}

.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-type-label {display:table-cell; position:relative; top:7px; padding-right:10px; color:#90969f; vertical-align:top;}

.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-wrap-units {display:table-cell;}

.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-ui-units {white-space:nowrap;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-ui-calen {display:inline-block; margin-right:7px;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-ui-calen .ddp-box-calen {width:160px;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-ui-sub-setting .ddp-txt-error {position:relative; top:0; margin-top:5px;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-wrap-units .ddp-data-units {position:relative; top:7px; display:inline-block; color:#90969f; vertical-align:top;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-wrap-units .ddp-data-units .ddp-data-num {color:#4b515b;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-setting-table .ddp-wrap-units .ddp-data-units .ddp-data-num.ddp-error-num {color:#e70000;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-option-sub .ddp-label-radio.ddp-mgr0 {margin-right:0;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-option-sub .ddp-wrap-hover-info .ddp-icon-info3 {display:inline-block; position:relative; top:-2px; width:11px; height:11px; background:url(../../images/icon_que.png) no-repeat; background-position:left -12px; cursor:pointer;}
.popup-datasource .ddp-wrap-edit2 .ddp-ui-option-sub .ddp-wrap-hover-info .ddp-pop-setting {width:350px;}
.popup-datasource .ddp-wrap-hover-info .ddp-box-layout4.ddp-pop-setting {display:none;}
.popup-datasource .ddp-wrap-hover-info .ddp-wrap-pop-setting {position:absolute; left:100%; top:-30px; padding-left:5px; z-index:10;}
.popup-datasource .ddp-wrap-hover-info:hover .ddp-box-layout4.ddp-pop-setting {display:block; position:relative; left:0; top:0; margin-left:0; }
.popup-datasource .ddp-wrap-hover-info .ddp-box-layout4.ddp-pop-setting table.ddp-table-info {table-layout:fixed; width:100%;}
.popup-datasource .ddp-wrap-hover-info .ddp-box-layout4.ddp-pop-setting .ddp-data-det3 {padding:0 15px 15px 15px; color:#4b515b; font-size:12px;}
.popup-datasource .ddp-wrap-hover-info .ddp-box-layout4.ddp-pop-setting .ddp-data-det3 .ddp-data-ex {display:block; padding:18px 0 0 0;color:#9ba0a8; font-size:12px; font-weight:bold;}
.popup-datasource .ddp-wrap-hover-info .ddp-box-layout4.ddp-pop-setting .ddp-data-date {display:inline-block; padding:0 15px; margin:-5px 0 18px 0; color:#727ab6; font-size:12px; font-style:italic;}
.popup-datasource .ddp-wrap-partition {padding-left:0;}
.popup-datasource .ddp-ui-partition {padding:14px;background-color:#f6f6f7; overflow:auto;}
.popup-datasource .ddp-list-partition {padding:0; overflow:initial;}
.popup-datasource .ddp-list-partition li {}
.popup-datasource .ddp-list-partition li {padding:0; margin-right:2px; width:149px; vertical-align:top;}
.popup-datasource .ddp-list-partition li span.ddp-ui-label {font-weight:normal;}

.popup-datasource .ddp-list-partition.ddp-type li .ddp-data {padding:3px 0 0 0;}
.popup-datasource .ddp-ui-partition .ddp-data-error {display:block; color:#e70000; font-size:12px; font-style:italic;}
.popup-datasource .ddp-ui-partition .ddp-data-error.ddp-info:before {display:inline-block; width:13px; height:13px; margin-right:3px; background:url(../../images/icon_info.png) no-repeat; background-position:-28px top; vertical-align:middle; content:'';}
.popup-datasource .ddp-ui-partition .ddp-btn-control {padding:6px 0 0 0;}
.popup-datasource .ddp-ui-partition .ddp-btn-control .ddp-btn-add {display:inline-block; width:11px; height:11px; margin-right:4px; background:url(../../images/icon_add.png) no-repeat; background-position:-12px -10px;}
.popup-datasource .ddp-ui-partition .ddp-btn-control .ddp-btn-add:hover {background-position-x:-24px;}
.popup-datasource .ddp-ui-partition .ddp-btn-control .ddp-btn-delete {display:inline-block; width:11px; height:12px; background:url(../../images/icon_control.png) no-repeat; background-position:-26px -14px;}
.popup-datasource .ddp-ui-partition .ddp-btn-control .ddp-btn-delete:hover {background-position-x:-50px;}
.popup-datasource .ddp-wrap-partition .ddp-ui-buttons {padding-top:8px;}
.popup-datasource .ddp-wrap-partition .ddp-ui-buttons .ddp-wrap-result {display:inline-block; position:relative; margin-left:5px;}
.popup-datasource .ddp-wrap-partition .ddp-ui-buttons .ddp-wrap-result .ddp-link-result {display:inline-block; padding:3px;color:#4c515a; font-size:12px; font-style:italic; background:#eeeef0;}
.popup-datasource .ddp-wrap-partition .ddp-ui-buttons .ddp-wrap-result .ddp-link-result:hover {background-color:#d0d1d9;}
.popup-datasource .ddp-box-layout4.ddp-result {display:none; position:fixed; min-width:243px; width:auto; max-height:350px; overflow:auto;}
.popup-datasource .ddp-box-layout4.ddp-result .ddp-data-det {color:#4b515b;}
.popup-datasource .ddp-box-layout4.ddp-result .ddp-data-det .ddp-data-row {color:#9ba0a8;}

/**************************************************************
  popup : 05_매니지먼트_00데이터저장소_01생성_00myfile
**************************************************************/
.popup-datasource .ddp-box-loading.ddp-pop.ddp-progress {background:none; box-shadow:none;}

.popup-datasource .ddp-box-loading.ddp-pop .ddp-btn-cancel {color:#b6b9c2;}
.popup-datasource .ddp-box-loading.ddp-pop .ddp-btn-cancel:after {background:url(../../images/btn_popclose.png) no-repeat; background-position:-22px -101px; content:'';}
.popup-datasource .ddp-box-loading.ddp-cancel {margin-top:10px;}

/**************************************************************
  popup : 05_매니지먼트_00데이터저장소_01생성_02커넥션
**************************************************************/
.popup-datastore-connect .ddp-ui-folding.ddp-type .ddp-wrap-edit2 {margin-top:10px;}
.popup-datastore-connect .ddp-ui-folding.ddp-type .ddp-box-code {padding:14px 0 0 0; width:630px;}
.popup-datastore-connect .ddp-ui-folding.ddp-type .ddp-box-code .ddp-list-code + .ddp-list-code {margin-top:10px;}
.popup-datastore-connect .ddp-ui-folding.ddp-type .ddp-box-code .ddp-btn-add {margin-top:10px;}
.popup-datastore-connect .ddp-ui-folding.ddp-type .ddp-list-code .ddp-icon-del {display:inline-block; position:absolute; top:8px; right:5px; width:11px; height:12px; background:url(../../images/icon_control.png) no-repeat; background-position:-26px -14px;}
.popup-datastore-connect .ddp-ui-folding.ddp-type .ddp-list-code .ddp-icon-del:hover {background-position-x:-62px}

/**************************************************************
  popup : 05_매니지먼트_00데이터저장소_01생성_02커넥션
**************************************************************/
.popup-datastore-schema .ddp-type-top-option .ddp-form-search {width:270px;}
.popup-datastore-schema .ddp-type-top-option .ddp-ui-rightoption .ddp-form-label2:first-of-type {margin-left:0;}
.popup-datastore-schema .ddp-type-top-option .ddp-wrap-add-column {float:left; position:relative; margin-left:6px;}
.popup-datastore-schema .ddp-type-top-option .ddp-wrap-add-column.ddp-selected .ddp-box-column {display:block; z-index:20;}
.popup-datastore-schema .ddp-type-top-option .ddp-wrap-add-column.ddp-selected .ddp-btn-selection {background-color:#d0d1d8;}
.popup-datastore-schema .ddp-wrap-add-column .ddp-box-column {display:none; position:absolute; top:100%; right:0; padding:19px 14px 13px 14px; margin-top:5px; width:470px; box-sizing:border-box;}
.popup-datastore-schema .ddp-wrap-add-column .ddp-box-column .ddp-wrap-edit3 + .ddp-wrap-edit3 {margin-top:12px;}
.popup-datastore-schema .ddp-wrap-add-column .ddp-box-column .ddp-wrap-edit3 .ddp-ui-label-name {margin-bottom:5px; color:#4b515b;}
.popup-datastore-schema .ddp-wrap-add-column .ddp-box-column .ddp-option-form + .ddp-option-form {margin-top:6px;}
.popup-datastore-schema .ddp-wrap-add-column .ddp-box-column .ddp-box-button {padding:5px 0 0 0;}
.popup-datastore-schema .ddp-wrap-add-column .ddp-box-column .ddp-box-button [class*="ddp-btn-"] {float:Left; margin-right:3px; min-width:auto;}
.popup-datastore-schema .ddp-wrap-add-column .ddp-box-column .ddp-option-form.ddp-clear {margin-left: -2px;margin-right:-2px;}
.popup-datastore-schema .ddp-wrap-add-column .ddp-box-column .ddp-option-form.ddp-clear [class*="ddp-col-"]{padding:0 2px;}
.popup-datastore-schema .ddp-wrap-value-setting .ddp-info {margin:3px 0 0 0; color:#b7b9c2; font-size:12px; font-style:italic;}
.popup-datastore-schema .ddp-wrap-value-setting .ddp-info:before {display:inline-block; width:13px; height:13px; margin-right:3px; background:url(../../images/icon_info.png) no-repeat; background-position:-42px -16px; content:''; vertical-align:middle;}
.popup-datastore-schema .ddp-ui-setting .ddp-ui-option-in .ddp-sub-option {padding:6px 0 0 0;}

.popup-datastore-schema .ddp-box-action .ddp-info {clear:both; color:#b7b9c2; margin-top:3px; font-size:12px; font-style:italic;}
.popup-datastore-schema .ddp-box-action.ddp-type .ddp-change-type .ddp-box-layout4.ddp-change .ddp-change-select .ddp-info:before{display:inline-block; width:13px; height:13px; margin-right:3px; background:url(../../images/icon_info.png) no-repeat; background-position:-42px -16px; content:''; vertical-align:middle;}
.popup-datastore-schema .ddp-ui-checkaction .ddp-wrap-action .ddp-info {clear:both; color:#b7b9c2; margin-top:3px; font-size:12px; font-style:italic;}
.popup-datastore-schema .ddp-ui-checkaction .ddp-wrap-action .ddp-info:before {display:inline-block; width:13px; height:13px; margin-right:3px; background:url(../../images/icon_info.png) no-repeat; background-position:-42px -16px; content:''; vertical-align:middle;}

/**********************************************************************************
    page : 데이터 프리퍼레이션 리메인
**********************************************************************************/
.ddp-page-rename {margin-top:-120px; padding:120px 50px 49px 50px; height:100%; box-sizing:border-box;}
.ddp-wrap-rename {position:relative; height:100%;}
.ddp-wrap-rename .ddp-result {position:absolute; top:-20px; left:0; right:0;}
.ddp-wrap-rename .ddp-col {float:right; color:#b7b9c2; font-size:12px;}
.ddp-wrap-rename .ddp-name {display:block; color:#4b515b; font-size:13px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-wrap-rename .ddp-wrap-list {position:absolute; top:0; left:0; right:0; padding-bottom:10px; height:50%; border-top:1px solid #b7b9c2; border-bottom:1px solid #b7b9c2; box-sizing:Border-box; overflow:auto;}
.ddp-wrap-rename .ddp-wrap-grid {position:absolute; left:0; right:0; bottom:0; padding-top:10px; height:50%; box-sizing:Border-box;}
.ddp-wrap-rename .ddp-wrap-grid .ddp-ui-grid {height:100%; border:1px solid #b7b9c2;}
table.ddp-table-column {width:100%; table-layout:fixed;}
table.ddp-table-column tr th {padding:14px 25px; color:#90969f; font-size:14px; font-weight:bold; text-align:left;}
table.ddp-table-column tr td {position:relative; padding:5px 25px; color:#4b515b; font-size:13px; border-bottom:1px solid #fff; vertical-align:top;}
table.ddp-table-column tr td .ddp-view {display:none; position:absolute; top:15px; right:1px; width:4px; height:7px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -89px;}
table.ddp-table-column tr.ddp-edit td .ddp-view {background-position-x:-5px;}
table.ddp-table-column tr:nth-child(odd) td {background-color:#fafafa;}
table.ddp-table-column tr td .ddp-box-edit {position:relative; border:1px solid #b7b9c2; border-radius:2px; background-color:#fff;}
table.ddp-table-column tr td .ddp-box-edit:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.5); z-index:1; content:'';}
table.ddp-table-column tr td .ddp-box-edit.ddp-selected:before {display:none;}
table.ddp-table-column tr td .ddp-box-edit input {display:block; padding:6px 15px 5px 15px; width:100%; border:none; background:none; color:#4b515b; font-size:13px; box-sizing:border-box;}
table.ddp-table-column tr td .ddp-box-edit input:focus + .ddp-icon-edit {display:block;}
table.ddp-table-column tr td .ddp-box-edit:hover input,
table.ddp-table-column tr td .ddp-box-edit input:focus {padding-right:30px;}
table.ddp-table-column tr td .ddp-box-edit:hover .ddp-icon-edit {display:block;}
table.ddp-table-column tr td .ddp-box-edit .ddp-icon-edit {display:none;position:absolute; top:50%; right:10px; margin-top:-6px; width:12px; height:12px; background:url(../../images/icon_edit.png) no-repeat;}
table.ddp-table-column tr.ddp-selected td {background-color:#f2f1f8;}
table.ddp-table-column tr.ddp-selected td .ddp-view {display:block;}
table.ddp-table-column tr.ddp-edit td .ddp-txt-column {color:#666eb2;}
table.ddp-table-column tr td .ddp-txt-error {display:block; padding:5px 0 0 0;}
table.ddp-table-column tr td .ddp-txt-column {line-height:30px;}

/**********************************************************************************
	데이터소스 druid
**********************************************************************************/
.ddp-wrap-sheet.ddp-wrap-druid {height:514px;}
.ddp-wrap-sheet.ddp-wrap-druid .ddp-select-all {padding:9px 14px ; background-color:#f6f6f7; border-bottom:1px solid #e6e6e9;}
.ddp-wrap-sheet.ddp-wrap-druid .ddp-list-sheet {position:absolute; top:34px; left:0; right:0; bottom:0; overflow:auto;}
.ddp-wrap-sheet.ddp-wrap-druid .ddp-data-tablename {padding:9px 10px; color:#4c515a; font-size:13px; border-bottom:1px solid #e6e6e9; background-color:#f6f6f7; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ddp-wrap-sheet-top {padding-bottom:10px;}
.ddp-wrap-table-sheet {position:absolute; top:40px; left:0; right:0; bottom:0;}

/**********************************************************************************
	데이터 프리퍼레이션 조인팝업
**********************************************************************************/
.ddp-ui-popuptype {position:fixed; top:0; left:50%; bottom:0; width:960px; margin-left:-480px; background-color:#fff; z-index:91; box-shadow:-1px -2px 15px 0px #eff0f1;}
.ddp-layout-popuptype em.ddp-bg-popup {position:fixed; left:0; right:0; bottom:0; top:0; background-color:rgba(208,209,216,0.5); z-index:126;}

.ddp-ui-popup-title {padding:49px 330px 49px 50px; text-align:left; overflow:hidden;}
.ddp-ui-popup-title span.ddp-txt-title-name {width:100%; line-height:32px; box-sizing:border-box; color:#222; font-size:16px;}

.ddp-ui-popup {position:fixed; top:0; left:50%; bottom:0; width:960px; margin-left:-480px; background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
  box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
  z-index:91;}
.ddp-ui-pop-buttons {position:absolute; top:49px; right:47px;}
.ddp-ui-pop-buttons .ddp-btn-pop {float:left;}
.ddp-ui-pop-buttons .ddp-btn-pop + .ddp-btn-pop {margin-left:4px;}
.ddp-box-pop-contents {position:absolute; top:104px; left:50px; right:50px; bottom:35px; background-color:#fafafa;}

.ddp-ui-pop-top {padding:19px 10px; color:#b7b9c2; font-weight:bold; font-size:13px;}
.ddp-ui-popup-join .ddp-ui-part {float:left; position:relative; width:50%; height:100%; padding:0 9px; box-sizing:border-box;}

.ddp-ui-popup-join .ddp-ui-part .ddp-ui-set {position:relative; padding-right:56px; z-index:20;/* padding: 10px; */}
.ddp-ui-popup-join .ddp-key .ddp-ui-part .ddp-ui-set {margin-top:-9px;}
.ddp-ui-popup-join.ddp-multy .ddp-key .ddp-ui-part .ddp-ui-grid-form {top:82px;}
.ddp-ui-popup-join.ddp-multy .ddp-key .ddp-ui-part .ddp-data-none {top:82px;}
.ddp-ui-popup-join .ddp-ui-part .ddp-ui-set .ddp-wrap-drop-search {width:100%}
.ddp-wrap-drop-search ul.ddp-list-selectbox2 .ddp-txt-search {color:#666eb2;}

.ddp-ui-popup-join .ddp-ui-part .ddp-ui-set .ddp-list-tab-button {position:absolute; top:50%; right:0; margin:0; margin-top:-13px;}
.ddp-ui-popup-join .ddp-ui-part .ddp-ui-set .ddp-data-name {display:block; font-size:14px; color:#444;}

.ddp-ui-popup-join .ddp-ui-part .ddp-ui-grid-form {position:absolute; top:91px; left:10px; right:10px; bottom:93px; border:1px solid #d0d1d8; background-color:#fff;}

.ddp-ui-popup-join .ddp-ui-part .ddp-data-none {position:absolute; top:91px; left:10px; right:9px; bottom:21px; text-align:center; border:1px solid #e7e7ea; background-color:#fff; z-index:1;}
.ddp-ui-popup-join .ddp-ui-part .ddp-data-none:before {content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;}
.ddp-ui-popup-join .ddp-ui-part .ddp-data-none .ddp-data-contents {display: inline-block; color:#d0d1d8; font-size:13px;}
.ddp-ui-popup-join .ddp-ui-part .ddp-ui-pop-top {padding-left:0;}
.ddp-ui-popup-join .ddp-box-pop-contents {padding:0 10px; bottom:384px; border-bottom:1px solid #dbdce0; z-index:60;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-default {bottom:35px;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-default .ddp-ui-joinkeys {display:none;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-default .ddp-ui-resultinfo {display:none;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-default .ddp-ui-part .ddp-ui-grid-form {bottom:20px;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-type {bottom:318px;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-type.ddp-default {bottom:55px;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-type .ddp-ui-part .ddp-data-none {bottom:22px; top:116px;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-type .ddp-ui-part .ddp-ui-grid-form {bottom:22px; top:116px; min-height:100px; overflow:auto;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-type .ddp-ui-part .ddp-checkall {position:absolute;top:96px;left:9px;}
.ddp-comment {color:#b7b9c2; font-size:11px;}
.ddp-comment em {color:#666eb2;}
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-type .ddp-ui-part .ddp-comment {position:absolute;top:96px;right:9px;  }
.ddp-ui-popup-join .ddp-box-pop-contents.ddp-type .ddp-ui-part .ddp-comment em {color:#666eb2;}
.ddp-ui-grid-form .ddp-wrap-scroll {height:100%; overflow:auto;}
.ddp-ui-grid-form .ddp-wrap-scroll::-webkit-scrollbar-track {background:#fff;}
.ddp-ui-grid-form .ddp-wrap-scroll::-webkit-scrollbar-thumb {border:4px solid #fff;}

.ddp-ui-grid-form table.ddp-table-grid-list {width:100%; table-layout:fixed; background-color:#fff; }
.ddp-ui-grid-form table.ddp-table-grid-list tr {}
.ddp-ui-grid-form table.ddp-table-grid-list tr td {position:relative; padding:5px 20px; color:#4b515b; font-size:13px;border-left:1px solid #ebebed; border-bottom:1px solid #ebebed; cursor:pointer;}
.ddp-ui-grid-form table.ddp-table-grid-list tr:hover td {background-color:#f2f1f8;}
.ddp-ui-grid-form table.ddp-table-grid-list tr.ddp-selected td { background-color:#d6d9ef;}

.ddp-ui-grid-form table.ddp-table-grid-list tr.ddp-selected td:last-of-type:after {display:inline-block; position:absolute; top:50%; right:14px; margin-top:-4px; content:''; width:10px; height:7px; background:url(../../images/icon_select2.png) no-repeat; background-position:-80px top; }
.ddp-ui-grid-form table.ddp-table-grid-list tr td:first-of-type {border-left:none;}
.ddp-ui-grid-form table.ddp-table-grid-list tr td em[class*="ddp-icon-type-"] {position:relative; top:0; left:0; margin-top:0;}

.ddp-ui-joinkeys {position:absolute; left:0; right:0; bottom:0; padding:23px 0 0 0; text-align:center;}
.ddp-ui-joinkeys .ddp-data-info {display:block; padding:5px 0 22px 0; text-align:center; color:#b7b9c2; font-size:12px;}
.ddp-ui-joinkeys .ddp-data-info strong {font-weight:normal; color:#666eb2;}
.ddp-ui-joinkeys .ddp-ui-error {display:block; padding:5px 0 22px 0; text-align:center; color:#b7b9c2; font-size:12px;}

.ddp-view-joinkeys {display:inline-block; }
.ddp-view-joinkeys .ddp-btn-solid  {margin-left:3px;}
.ddp-form-join {display:inline-block; width:360px; border:1px solid #d0d1d8; border-radius:2px; background-color:#fff; vertical-align: middle; text-align:left; box-sizing:border-box;}
.ddp-form-join .ddp-data-column {float:left; width:46%; padding:7px 10px; color:#4b515b; font-size:12px; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-form-join .ddp-wrap-drop-search  {float:left; width:46%; box-sizing:border-box;}
.ddp-form-join .ddp-wrap-drop-search .ddp-type-selectbox2 {border:none;}
.ddp-form-join .ddp-type-selectbox {float:left; width:46%; border:none; box-sizing:border-box;}
.ddp-form-join .ddp-type-selectbox ul.ddp-list-selectbox.ddp-selectdown {top:31px; max-height:112px; overflow-y:auto;}
.ddp-form-join .ddp-data-default {float:left; width:8%; padding:6px 0 7px 0; border-left:1px solid #d0d1d8; border-right:1px solid #d0d1d8; text-align:center; box-sizing:border-box;}

.ddp-ui-join-type {position:absolute; bottom:261px; left:0; right:0; height:123px; padding:0 50px;}
.ddp-ui-join-type.ddp-type {height:261px; bottom:56px;}

.ddp-ui-join-type.ddp-type .ddp-data-join:first-of-type {z-index:1;}
.ddp-ui-join-type.ddp-type .ddp-list-form-join {top:105px;}
.ddp-ui-join-type.ddp-type .ddp-view-joinkeys {position:relative; float:left;margin-bottom:10px; text-align:left; width:100%; box-sizing:border-box;}
.ddp-ui-join-type.ddp-type .ddp-view-joinkeys .ddp-form-join {width:100%;  box-sizing:border-box;}
.ddp-ui-join-type.ddp-type .ddp-view-joinkeys .ddp-btn-solid {position:absolute; top:0; right:-65px; min-width:auto; background-color:#90969f; border:1px solid #90969f;}
.ddp-ui-join-type.ddp-type .ddp-view-joinkeys .ddp-btn-solid.ddp-disabled {background-color:#d0d1d8; border:1px solid #d0d1d8; cursor: no-drop;}
.ddp-ui-join-type.ddp-type .ddp-view-joinkeys .ddp-btn-solid.ddp-disabled:hover {background-color:#d0d1d8; border:1px solid #d0d1d8;}
.ddp-ui-join-type.ddp-type .ddp-view-joinkeys .ddp-btn-solid:hover {background-color:#4b515b; border:1px solid #4b515b;}
.ddp-ui-join-type.ddp-type .ddp-data-key {text-align:left;}
.ddp-ui-join-type.ddp-type .ddp-data-key span.ddp-data-num {padding:0 2px; font-size:12px; color:#90969f; background-color:#f2f1f8;}

.ddp-ui-popup-join .ddp-btn-bottom {position:absolute; bottom:0; right:0; left:0; text-align:right; padding:15px 50px; }
.ddp-ui-popup-join .ddp-btn-bottom .ddp-txt-error {font-style:italic;}
.ddp-ui-popup-join .ddp-btn-bottom .ddp-btn-solid2 {position:relative; margin-left:10px;}
.ddp-ui-popup-join .ddp-btn-bottom .ddp-btn-solid2 .ddp-ui-tooltip-info {display:none; right:100%; left:inherit; top:1px; margin-right:9px;}
.ddp-ui-popup-join .ddp-btn-bottom .ddp-btn-solid2.ddp-disabled:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-data-join {height:100%; border-bottom:1px solid #dbdce0}
.ddp-ui-join-type .ddp-data-join {float:left; position:relative; width:50%; height:100%; padding:0 84px 0 20px; box-sizing:border-box;}
.ddp-ui-join-type .ddp-data-join .ddp-comment {position:absolute; top:19px; right:18px;}
.ddp-ui-join-type .ddp-data-join.ddp-jointype {width:48%;}
.ddp-ui-join-type .ddp-data-join .ddp-ui-label {display:block; padding:20px 0 10px 0;color:#4b515b;font-size:13px;font-weight:bold;text-align:left;overflow:hidden;}
.ddp-ui-join-type .ddp-data-join .ddp-ui-label span.ddp-title {float:left; padding-right:10px;}
.ddp-ui-join-type .ddp-data-join .ddp-ui-label span.ddp-data-detail {display:block; position:relative; top:1px; color:#b7b9c2; font-weight:normal; font-size:12px; white-space:nowrap;}
.ddp-ui-join-type .ddp-data-join .ddp-ui-label span.ddp-txt-error {font-style:italic;}
.ddp-ui-join-type .ddp-data-join .ddp-ui-label span.ddp-data-detail strong {color:#666eb2;}
.ddp-ui-join-type .ddp-data-join .ddp-ui-label .ddp-data-error {color:#ca4b4b;}
.ddp-data-join {position:relative; text-align:center;}
.ddp-data-join ul.ddp-list-join {display:inline-block; overflow:Hidden;}
.ddp-data-join ul.ddp-list-join li {float:left; position:relative;}
.ddp-data-join ul.ddp-list-join li a {display:block; position:relative; width:68px; height:62px; padding:42px 0 0 0; border-radius:2px; border:1px solid transparent; box-sizing:border-box; color:#b7b9c2;}
.ddp-data-join ul.ddp-list-join li a em[class*="ddp-icon-join"] {position:absolute; top:11px; left:50%; margin:0 0 0 -18px;}

em.ddp-icon-joininner,
em.ddp-icon-joinleft,
em.ddp-icon-joinright,
em.ddp-icon-joinouter {display:inline-block; width:35px; height:24px; background:url(../../images/icon_join2.png) no-repeat; cursor:pointer;}
em.ddp-icon-joinleft {background-position:-36px top;}
em.ddp-icon-joinright {background-position:-73px top;}
em.ddp-icon-joinouter {background-position:-109px top;}
.ddp-data-join ul.ddp-list-join li.ddp-selected a,
.ddp-data-join ul.ddp-list-join li a:hover {color:#4b515b;}
.ddp-data-join ul.ddp-list-join li.ddp-selected a em.ddp-icon-joininner,
.ddp-data-join ul.ddp-list-join li a:hover em.ddp-icon-joininner {background-position:left -25px;}
.ddp-data-join ul.ddp-list-join li.ddp-selected a em.ddp-icon-joinleft,
.ddp-data-join ul.ddp-list-join li a:hover em.ddp-icon-joinleft {background-position:-36px -25px;}
.ddp-data-join ul.ddp-list-join li.ddp-selected a em.ddp-icon-joinright,
.ddp-data-join ul.ddp-list-join li a:hover em.ddp-icon-joinright {background-position:-72px -25px;}
.ddp-data-join ul.ddp-list-join li.ddp-selected a em.ddp-icon-joinouter,
.ddp-data-join ul.ddp-list-join li a:hover em.ddp-icon-joinouter {background-position:-108px -25px;}
.ddp-data-join ul.ddp-list-join li.ddp-disabled:after {display:inline-block; content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(250,250,250,0.4); cursor:no-drop;}
.ddp-data-join ul.ddp-list-join li a:hover {background-color:#fff; border:1px solid #d0d1d8;}
.ddp-data-join .ddp-ui-nodata {padding:10px 0 0 12px; color:#d0d1d8; font-size:12px; text-align:left;}
ul.ddp-list-form-join {position:absolute; top:45px; left:20px; right:0; bottom:0; overflow-y:auto;}
ul.ddp-list-form-join li {position:relative; padding:0 20px 4px 0; }
.ddp-ui-join-type.ddp-type .ddp-list-form-join li {margin-right:64px;}
ul.ddp-list-form-join li .ddp-form-join {width:100%;}
ul.ddp-list-form-join li em.ddp-icon-control-cut {position:absolute; top:5px; right:0;}

.ddp-box-resultpreview {display:none; position:absolute; bottom:0; left:50px; right:50px; min-height:260px;}
.ddp-box-resultpreview .ddp-ui-pop-top {position:relative; padding-left:0}
.ddp-box-resultpreview .ddp-ui-pop-top .ddp-wrap-grid-option {position:absolute; top:0; right:0;}
.ddp-box-resultpreview .ddp-ui-pop-top .ddp-wrap-grid-option .ddp-data-form {padding-top:17px; padding-bottom:0;}
.ddp-box-resultpreview .ddp-ui-grid-form {position:absolute; top:48px; left:0; right:0; bottom:36px;border:1px solid #d0d1d8; border-radius:2px;}
.ddp-box-resultpreview .ddp-ui-grid-form .ddp-ui-nodata {position:absolute; top:50%; left:0; right:0; text-align:center; color:#b7b9c2; font-size:13px; margin-top:-6px;}
.ddp-box-resultpreview .ddp-ui-grid-form .ddp-txt-error  {position:absolute; top:50%; left:0; right:0; text-align:center;margin-top:-6px;}
.ddp-box-resultpreview .ddp-ui-pop-top .ddp-wrap-grid-option .ddp-data-form .ddp-wrap-popup2 {top:38px;}
.ddp-ui-popup-join .ddp-box-resultpreview {display:block;}
.ddp-ui-popup-join .ddp-ui-resultinfo {display:block; height:115px;}
.ddp-ui-popup-join .ddp-box-resultpreview.ddp-box-type {height:100%; left:0; right:0;}
.ddp-ui-popup-join .ddp-box-resultpreview.ddp-box-type .ddp-ui-grid-form {bottom:55px;}

/* 에러 메세지 */
.ddp-wrap-errortxt {position:absolute; top:0; left:0; right:0; bottom:0; text-align: center;}
.ddp-wrap-errortxt:before {content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;}

.ddp-type-selectbox.ddp-type {position:relative; padding-left:28px; height:28px; box-sizing:border-box;}
.ddp-type-selectbox.ddp-type ul.ddp-list-selectbox {position:relative; bottom:inherit; box-shadow:none; border:none;}
.ddp-type-selectbox.ddp-type .ddp-box-selecbox {display:none; position:absolute; top:34px; left:0; right:0;  padding-bottom:10px; background-color:#fff; border:1px solid #ddd;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */}
.ddp-type-selectbox.ddp-type em.ddp-icon-search {display:inline-block; position:absolute; top:50%; left:11px; width:11px; height:11px; background:url(../../images/icon_search.png) no-repeat; margin-top:-6px; z-index:1;}

.ddp-type-selectbox.ddp-type input.ddp-input-selectbox2 {display:block; width:100%; position:absolute; top:0;left:0;right:0; bottom:0; padding-left:28px; padding-right:30px; color:#666eb2; border:none; box-sizing:border-box;}

/**********************************************************************************
	데이터 프리퍼레이션 데이터스냅샷
*********************************************************************************/
.ddp-wrap-preview {width:880px; margin:0 auto; border-top:1px solid #ddd;}
.ddp-ui-import-option {display:inline-block; width:880px; padding:55px 0 60px 0; text-align:left;}

.ddp-wrap-preview .ddp-ui-source-info .ddp-wrap-grid-area {width:100%; height:200px; margin-top:15px;}

.ddp-ui-edit .ddp-wrap-input-title {padding:30px 0 28px 0; font-size:28px; font-weight:300; color:#222;}

dl.ddp-dl-store {overflow:hidden;}
dl.ddp-dl-store dt {float:left; padding:28px 0 0 20px; width:160px; color:#6f6f6f; font-size:12px; box-sizing:border-box;}
dl.ddp-dl-store dd {display:block; padding:28px 0 0 0; overflow:hidden;}

/***********************************************************************************************************
	page : 데이터 프리퍼레이션 데이터스냅샷 상세
************************************************************************************************************/
.ddp-wrap-snapshot {}
.ddp-wrap-snapshot .ddp-data-log {position:absolute; top:0 ;left:0; right:0; bottom:255px; padding:10px 17px 10px 16px;}
.ddp-wrap-snapshot .ddp-grid-label .ddp-txt-label {position:relative; top:9px; margin-left:16px;color:#36393f; font-weight:bold;}
.ddp-wrap-snapshot .ddp-btn-bg {float:right; margin-right:16px;}
.ddp-wrap-snapshot .ddp-wrap-summary {padding:23px 34px 10px 34px;; overflow:Hidden;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-data-summary {float:left; margin-right:50px;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-data-summary .ddp-txt-label {color:#4c92e0; font-size:13px;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-data-summary .ddp-data-per {display:block; color:#4c92e0; font-weight:bold; font-size:28px;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-data-summary.ddp-mismatch * {color:#eb5f58;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-data-summary.ddp-missing * {color:#90969f;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-box-stick {clear:both; width:100%; height:17px; overflow:hidden;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-box-stick .ddp-data-valid {float:left; height:100%; background-color:#4c92e0;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-box-stick .ddp-data-mismatched {display:block; float:left; height:100%; background-color:#eb5f58;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-box-stick .ddp-data-missing{display:block;float:left; height:100%; background-color:#d0d1d8;}
.ddp-wrap-snapshot .ddp-wrap-summary .ddp-ui-error {margin-top:5px;}

.ddp-wrap-snapshot .ddp-wrap-progress {position:absolute; top:0; left:0; right:0; bottom:255px; padding:12px 16px;}
.ddp-wrap-snapshot .ddp-wrap-progress .ddp-data-status {font-size:14px; font-weight:bold; color:#3e4148;}
.ddp-wrap-snapshot .ddp-wrap-progress .ddp-data-status .ddp-icon-info {display:inline-block; width:13px; height:13px; margin-right:5px; background:url(../../images/icon_info.png) no-repeat; background-position:-28px -16px; vertical-align:middle;}
.ddp-wrap-snapshot .ddp-wrap-progress .ddp-box-loading.ddp-progress {border:none; box-shadow:none; margin-top:-49px;}
.ddp-wrap-snapshot .ddp-wrap-progress .ddp-box-loading.ddp-cancel {margin-top:50px;}
.ddp-wrap-snapshot .ddp-wrap-progress .ddp-box-loading.ddp-cancel .ddp-pop-buttons {margin-top:0;}

.ddp-wrap-snapshot .ddp-wrap-grid {position:absolute; top:125px; left:17px; bottom:255px; right:16px; border:1px solid #b7b9c2;}
.ddp-layout-pop-right .ddp-view-detail{background-color:#fff; padding:28px 14px; }
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail{overflow:hidden;}
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail dt {float:left; width:106px; padding-top:13px; color:#b7bac1; font-size:13px;}
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail dd {display:block; padding-top:13px; color:#4b515b; font-size:13px; overflow:hidden;}
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail:first-of-type dt,
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail:first-of-type dd {padding-top:0;}
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail2 {padding-top:20px;}
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail2:first-of-type {padding-top:0;}
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail2 dt {margin-bottom:10px; color:#b7bac1; font-size:13px;}
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail2 dd a.ddp-link-type {color:#35393f; font-size:16px;}
.ddp-layout-pop-right .ddp-view-detail dl.ddp-dl-detail2 dd a.ddp-link-type:hover {font-weight:bold;}

/**********************************************************************************
	데이터 프리퍼레이션 DB 타입
**********************************************************************************/
.ddp-ui-dbconnect {display:inline-block; width:880px; padding:0 0 27px 0; text-align:left;}
.ddp-ui-dbconnect .ddp-type-selectbox.ddp-connection {width:390px;}
.ddp-ui-dbconnect .ddp-wrap-edit3 {margin-top:30px;}
.ddp-ui-dbconnect > .ddp-wrap-edit3:first-of-type {margin-top:0;}
.ddp-ui-dbconnect .ddp-wrap-edit2.ddp-mgt30 {margin-top:30px !important;}
.ddp-ui-dbconnect .ddp-wrap-edit2 {margin-top:30px;}
.ddp-ui-dbconnect > .ddp-wrap-edit2:first-of-type {margin-top:0;}
.ddp-ui-dbconnect .ddp-wrap-edit2 .ddp-data-result {padding-bottom:9px;color:#4b515b; font-weight:300;}
.ddp-ui-dbconnect .ddp-wrap-edit2 .ddp-data-result .ddp-link-edit2 {margin-left:5px;}
.ddp-wrap-edit2 label.ddp-label-type + .ddp-white-space {margin:0 0 -10px 0;}
.ddp-white-space {margin:-10px 0;}
ul.ddp-list-dbtype {margin:-2px -2px; overflow:hidden;}
ul.ddp-list-dbtype li {position:relative; float:left; width:16.66666%; padding:2px 2px 2px 2px; box-sizing:border-box;}

ul.ddp-list-dbtype li.ddp-disabled a {opacity:0.5; cursor:no-drop;}
ul.ddp-list-dbtype li.ddp-disabled a:hover {border:1px solid #d0d1d7; font-weight:normal; color:#90969f;}
ul.ddp-list-dbtype li.ddp-disabled.ddp-selected a {opacity:1;}
ul.ddp-list-dbtype li.ddp-disabled.ddp-selected a:hover {border:1px solid #4b515b; color:#4b515b; font-weight:bold;}
ul.ddp-list-dbtype li:last-of-type.ddp-disabled:before {right:0;}
ul.ddp-list-dbtype li:last-of-type {padding-right:0;}
ul.ddp-list-dbtype li [class*="ddp-label-"] {width:100%; box-sizing:border-box;}
ul.ddp-list-dbtype li.ddp-selected [class*="ddp-label-"] {padding-right:20px; border:1px solid #91969e; color:#4b515b; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.ddp-list-dbtype li.ddp-selected [class*="ddp-label-"]:after {display:inline-block; position:absolute; top:50%; right:10px; margin-top:-4px;width:11px; height:8px; background:url(../../images/icon_select2.png) no-repeat; background-position:-68px top; content:'';}
ul.ddp-list-dbtype li .ddp-label-dbtype {display:table; position:relative; height:50px; padding:0 0 0 44px;border-radius:4px;  font-size:13px; color:#90969f; border:1px solid #d0d1d7; box-sizing:border-box; vertical-align:middle;}
ul.ddp-list-dbtype li .ddp-label-dbtype .ddp-txt-db {display:table-cell; width:100%; height:100%;vertical-align:middle;}
ul.ddp-list-dbtype li .ddp-label-dbtype:hover {border:1px solid #4b515b; color:#4b515b; font-weight:bold; }
ul.ddp-list-dbtype li .ddp-label-dbtype .ddp-icon-db,
ul.ddp-list-dbtype li .ddp-label-dbtype .ddp-img-icon{display:inline-block; position:absolute; top:50%; left:10px; margin-top:-12px; width:24px; height:24px;}

.ddp-ui-dbconnect .ddp-ui-db-type {float:left; width:389px;}
.ddp-ui-dbconnect .ddp-ui-db-type label.ddp-label-type {display:block; padding-bottom:13px; color:#444; font-weight:bold;}
.ddp-ui-dbconnect .ddp-ui-db-type label.ddp-label-type.ddp-type {font-weight:bold; font-size:13px;}
.ddp-ui-dbconnect .ddp-ui-db-type .ddp-wrap-edit3.ddp-type {margin-bottom:20px;}
.ddp-ui-dbconnect .ddp-ui-db-type .ddp-wrap-edit3.ddp-type .ddp-label-type {display:table-cell;}

.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type {float:left; margin-bottom:10px; width:100%; border-radius:3px; border:1px solid #ddd; }
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li {float:left; position:relative; width:50%; height:98px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:-1px; box-sizing:border-box;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li:nth-child(2n) {border-right:none;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a {display:block; position:relative; width:100%; height:100%;}

/*삭제 예정*/
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-oracle,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-mysql,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-sqlserver,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-hive,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-green,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-postgre,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-presto,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-phoenix,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-tibero,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-stage ,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-amazon {display:block; position:absolute; top:50%; left:50%; background:url(../../images/icon_dbtype.png) no-repeat;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-oracle {width:107px; height:38px; margin:-19px 0 0 -54px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-mysql {width:96px; height:50px; margin:-25px 0 0 -48px; background-position:left -39px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-sqlserver {width:75px; height:61px; margin:-32px 0 0 -38px; background-position:left -90px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-hive {width:60px; height:54px;  margin:-27px 0 0 -30px; background-position:left -152px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-green {width:107px; height:27px; margin:-14px 0 0 -54px; background-position:left -206px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-postgre {width:134px; height:45px; margin:-23px 0 0 -67px; background-position:left -233px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-presto {width:130px; height:42px; margin:-21px 0 0 -65px; background-position:left -279px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-phoenix {width:116px; height:31px; margin:-15px 0 0 -58px; background-position:left -322px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-tibero {width:118px; height:40px; margin:-20px 0 0 -59px; background-position:left -354px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-stage {width:108px; height:24px; margin:-12px 0 0 -54px; background-position:left -395px;}

.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-img-amazon {width:110px; height:43px; margin:-22px 0 0 -55px; background-position:left -454px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; cursor:no-drop; content:'';}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-oracle,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-mysql,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-sqlserver,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-hive,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-green,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-postgre,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-presto,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-phoenix,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-tibero,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-stage {background:url(../../images/icon_dbtype_dim.png) no-repeat;}

.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-mysql {background-position:left -39px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-sqlserver {background-position:left -90px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-hive {background-position:left -152px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-green {background-position:left -206px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-postgre {background-position:left -233px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-presto {background-position:left -279px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-phoenix { background-position:left -322px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-tibero {background-position:left -354px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-disabled a em.ddp-img-stage {background-position:left -395px;}
/* //삭제 예정*/

.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a em.ddp-icon-hover {display:none; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #444; z-index:1;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li:nth-child(2n) a em.ddp-icon-hover {left:-1px;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li a:hover em.ddp-icon-hover,
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-selected em.ddp-icon-hover {display:block;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-selected a .ddp-bg-selected {display:block; position:absolute; bottom:0; left:0; right:0; height:23px;background:#454545;}
.ddp-ui-dbconnect .ddp-ui-db-type ul.ddp-list-db-type li.ddp-selected a .ddp-bg-selected em.ddp-icon-select {display:block; position:absolute; top:50%; left:50%; width:11px; height:8px; margin:-4px 0 0 -6px; background:url(../../images/icon_select2.png) no-repeat; background-position:-27px top;}
.ddp-ui-dbconnect .ddp-ui-db-type .ddp-type-selectbox {margin-bottom:23px;}
.ddp-ui-dbconnect .ddp-ui-db-option {float:right; width:435px; padding-top:45px; padding-bottom:10px;}
.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-buttons .ddp-ui-message {margin-top:10px;}
.ddp-ui-dbconnect .ddp-clear [class*="ddp-col-"] {padding-left: 8px; padding-right:8px;}
.ddp-ui-dbconnect .ddp-clear.ddp-db-url .ddp-ui-error {display:none;}
.ddp-ui-dbconnect .ddp-clear.ddp-db-url .ddp-error .ddp-ui-error {display:block;}
.ddp-ui-dbconnect .ddp-clear.ddp-db-url .ddp-ui-error {position:relative; bottom:0; left:0;}
.ddp-ui-dbconnect .ddp-clear {margin:0 -8px;}

.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-message {float:left; width:100%; margin-top:30px;}
.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-message.ddp-ui-info {margin-top:0;}
.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-message.ddp-inline{display:inline-block;}
.ddp-ui-dbconnect .ddp-ui-db-option .ddp-wrap-edit2 label.ddp-label-type {font-weight:normal;}

.ddp-wrap-edit2 label.ddp-label-type .ddp-link-edit {float:right; position:relative; top:6px;color:#90969f; font-weight:normal; font-size:12px;}
.ddp-wrap-edit2 label.ddp-label-type .ddp-link-edit:hover {text-decoration:underline;}
.ddp-wrap-edit2 label.ddp-label-type .ddp-link-edit em.ddp-icon-edit {display:inline-block; position:relative; top:-1px; width:10px; height:10px; margin-right:2px; background:url(../../images/icon_edit2.png) no-repeat; background-position:-22px top; vertical-align: middle;}

.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-buttons {padding-top:20px; white-space:nowrap;}
.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-buttons.ddp-inline .ddp-btn-type4,
.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-buttons.ddp-inline .ddp-btn-pop {display:inline-block; margin-right:9px;}
.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-buttons.ddp-inline .ddp-ui-message {display:inline-block; float:inherit;width:inherit;}

.ddp-ui-dbconnect .ddp-ui-db-option .ddp-ui-buttons.ddp-inline .ddp-ui-message span.ddp-data-error2 {display:inline-block; padding:6px 0 0 0; white-space:nowrap;}
.ddp-ui-dbconnect .ddp-wrap-dbaddress {float:left; width:100%;}
.ddp-ui-dbconnect .ddp-wrap-dbaddress .ddp-data-host {float:left; width:325px;}
.ddp-ui-dbconnect .ddp-wrap-dbaddress .ddp-data-port {float:right; width:100px;}

.ddp-ui-dbconnect .ddp-ui-db-option2 {margin:24px 0 0 0; padding:0;}

.ddp-ui-db-option2 {clear:both; padding:12px 0 0 0;}
.ddp-ui-db-option2 .ddp-label-checkbox {position:relative;top: 6px; float:left;margin-right:10px;}
.ddp-ui-db-option2 .ddp-input-typebasic{display:block; width:237px;}
.ddp-ui-db-option2 .ddp-input-typebasic.ddp-type {width:463px;}
.ddp-ui-db-option2 .ddp-wrap-error-type {overflow:hidden;}
.ddp-ui-db-option2 .ddp-wrap-error-type .ddp-ui-message {margin-top:-6px;}

/***********************************************************************************************************
	page : 데이터 프리퍼레이션 db타입 데이터 셋 생성
************************************************************************************************************/
.ddp-ui-import-option {display:inline-block; width:880px; padding:0 0 26px 0; text-align:left;}
.ddp-ui-import-option .ddp-ui-textarea {position:relative; width:100%; margin-bottom:12px;}
.ddp-ui-import-option ul.ddp-list-buttons {display:block; margin-bottom:20px;}
.ddp-ui-import-option ul.ddp-list-buttons li {font-size:13px;}
.ddp-ui-import-option .ddp-ui-input-form {padding-bottom:42px;}
.ddp-ui-import-option label.ddp-label-type {font-size:13px; color:#444; font-weight:bold;}
.ddp-ui-import-option .ddp-ui-edit-db .ddp-form-input-dropdown .ddp-form-dropdown-white {padding:0 35px 0 10px;}
.ddp-ui-import-option .ddp-ui-edit-db .ddp-form-input-dropdown .ddp-form-dropdown-white .ddp-ui-drop-wrap {overflow:hidden; position:absolute; top:0; left:10px; padding:7px 0;}
.ddp-ui-import-option .ddp-ui-edit-db .ddp-label-type {display:block; padding-bottom:15px;}
.ddp-ui-import-option .ddp-ui-option-select {width:100%;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-search-db {position:relative; margin-bottom:10px; white-space:nowrap;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-search-db .ddp-type-selectbox {display:inline-block; width:270px; margin-right:10px; box-sizing:border-box;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-search-db .ddp-txt-error {display:inline-block; position:relative; top:-3px;}

.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-buttons {position:absolute; bottom:18px; right:17px; overflow:hidden;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-buttons .ddp-btn-type4 {float:left; margin-left:10px;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-buttons .ddp-ui-message {float:left; padding:7px 0 0 0;}

.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-input-form {padding-bottom:0;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-edit-db .ddp-wrap-edit {width:100%; border-top:1px solid #e7e7ea; border-bottom:1px solid #e7e7ea;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-edit-db .ddp-ui-edit {display:block; position:relative; width:100%; height:250px; padding:28px 30px; font-size:14px; color:#444; border:none; background-color:#f9f9f9; white-space:pre-wrap; box-sizing:border-box;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-edit-db .ddp-ui-edit:focus {outline:none;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-edit-db .ddp-ui-edit .ddp-wrap-editor {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#f9f9f9;}
.ddp-ui-import-option .ddp-ui-option-select .ddp-ui-edit-db .ddp-wrap-edit .ace_scroller {background-color:#f9f9f9;}

.ddp-ui-import-option .ddp-btn-preview {display:block; padding:18px 0 0 0; text-align:right;}
.ddp-ui-import-option .ddp-btn-preview a {color:#297bb8; font-size:14px; line-height:31px;}
.ddp-ui-import-option .ddp-btn-preview em.ddp-icon-preview {display:inline-block; position:relative; top:-1px; width:14px; height:14px; margin-right:5px; background:url(../../images/icon_preview.png) no-repeat; vertical-align:middle;}
.ddp-ui-import-option .ddp-ui-message {padding:20px 0 0 0;}
.ddp-ui-import-option .ddp-ui-grid {clear:both; border:1px solid #b7b9c2; height:290px;}

.ddp-ui-import-option.ddp-selected-table .ddp-ui-textarea {display:none;}
.ddp-ui-import-option.ddp-selected-table .ddp-ui-db-table {display:block; position:relative; z-index:10;}
.ddp-ui-import-option.ddp-selected-query .ddp-ui-textarea {display:block;}
.ddp-ui-import-option.ddp-selected-query .ddp-ui-db-table {display:none;}
.ddp-ui-import-option.ddp-selected-table .ddp-ui-grid {height:420px;}

/**********************************************************************************
	page : 데이터 프리퍼레이션 데이터소스 상세
**********************************************************************************/
.ddp-area-datadetail:first-of-type {margin-top:15px;}
.ddp-area-datadetail {position:relative; margin-top:43px;}
.ddp-area-datadetail label.ddp-label-detail {display:block; padding-bottom:20px;}
.ddp-area-datadetail .ddp-type-search.type-metasearch {position:absolute; top:0; right:0; width:200px;}
.ddp-wrap-detail.ddp-type label.ddp-label-detail {font-weight:bold; font-size:13px;}
.ddp-wrap-datadetail label.ddp-label-detail {color:#4c515a; font-size:16px; font-weight:bold;}
.ddp-wrap-datadetail label.ddp-label-detail .ddp-data-num {font-weight:normal;}
.ddp-wrap-datadetail label.ddp-label-detail.ddp-font-weight {font-weight:300;}
.ddp-wrap-datadetail label.ddp-label-detail [class*="ddp-btn"]{margin-left:4px; font-weight:normal;}
.ddp-wrap-datadetail .ddp-ui-information {padding:0 0 0 27px;}
.ddp-wrap-datadetail .ddp-ui-information .ddp-data-name {padding-bottom:20px; font-size:22px;}
.ddp-wrap-datadetail .ddp-ui-information .ddp-ui-popularity {display:inline-block; padding:15px 15px 15px 19px; background-color:rgba(199, 202, 235, 0.15)}
.ddp-wrap-datadetail .ddp-ui-information .ddp-ui-popularity .ddp-icon-popularity {float:left; position:relative; top:1px; margin-right:8px;}
.ddp-wrap-datadetail .ddp-ui-information .ddp-ui-popularity .ddp-txt-label {float:left; margin-right:19px; color:#666eb2; font-size:13px; font-weight:bold;}
.ddp-wrap-datadetail .ddp-ui-information .ddp-ui-popularity .ddp-bar {display:inline-block; position:relative; height:16px; width:439px; border-radius:2px; background-color:#e4e5f3;}
.ddp-wrap-datadetail .ddp-ui-information .ddp-ui-popularity .ddp-bar span {display:inline-block; position:absolute; top:0; left:0; bottom:0; border-radius:2px; background-image:linear-gradient(to right, #c7cef6 0%, #9196f1 46%, #6361bc);}
table.ddp-table-detail .ddp-box-histogram {position:relative; height:118px; padding:10px; border:1px solid #dddde2; box-sizing:border-box;}
table.ddp-table-detail .ddp-box-histogram .ddp-box-graph {width:100%; height:100%;}
table.ddp-table-detail .ddp-box-histogram .ddp-wrap-link-detail {position:absolute; top:-19px; right:5px;}
table.ddp-table-detail .ddp-box-histogram .ddp-wrap-link-detail a.ddp-link-detail {font-style:italic; font-size:12px;}
table.ddp-table-detail th a.ddp-link-edit2 {display:inline-block; margin-top:5px;}
table.ddp-table-detail td .ddp-data-permission {display:block; width:100%; margin-top:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
table.ddp-table-detail td .ddp-data-permission:first-of-type {margin-top:0;}
table.ddp-table-detail td .ddp-data-permission span.ddp-data-workspace {display:inline-block; margin:0 19px 0 9px; color:#4b515b; font-size:13px;}
table.ddp-table-detail td .ddp-data-permission span.ddp-data-name {color:#b7bac1; font-size:12px;}

.ddp-ui-datadetail {position:relative; padding:40px 20px 0 20px; border-top:1px dotted #ccc;}
.ddp-ui-datadetail + .ddp-ui-datadetail {margin:40px 0 0 0; border-top:1px dotted #ccc;}

.ddp-ui-datadetail.ddp-border-none {border:none;}
.ddp-ui-datadetail.ddp-box-type .ddp-wrap-result {min-height:233px;}
.ddp-ui-datadetail:first-of-type {border-top:none;}
.ddp-ui-datadetail .ddp-label-detail  {display:block; margin-bottom:15px;}
.ddp-ui-datadetail .ddp-box-synch {position:absolute; top:0; left:0; right:0;}
.ddp-ui-datadetail .ddp-btn-solid2.type-link {position:absolute; top:40px; right:60px;}
.ddp-ui-datadetail.type-detail .ddp-label-detail {font-size:16px;}
.ddp-ui-datadetail.type-detail table.ddp-table-detail3.type-running {width:100%; table-layout:fixed;}
.ddp-ui-datadetail.type-detail table.ddp-table-detail3.type-running .ddp-txt-long {position:relative; top:5px;}
.ddp-ui-datadetail.type-detail table.ddp-table-detail3 .ddp-txt-long {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-datadetail.type-detail table.ddp-table-detail3.type-running .ddp-btn-pop {float:right; min-width:auto; margin:-3px 0;}
.ddp-ui-datadetail.type-detail .ddp-detail-option {padding-bottom:10px;}
.ddp-ui-datadetail.type-detail .ddp-detail-option .ddp-type-selectbox {width:180px;}
.ddp-ui-datadetail.type-detail .ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-checkbox {margin-right:11px;}
.ddp-ui-datadetail.type-detail table.ddp-table-detail {padding:0 20px;}
.ddp-ui-datadetail.type-detail {border-top:none; }
.ddp-ui-datadetail.type-detail + .ddp-ui-datadetail.type-detail {margin-top:0; padding-top:30px}
.ddp-ui-datadetail .ddp-btn-detail {position:absolute; top:40px; right:60px;}
.ddp-ui-datadetail .ddp-btn-detail [class*="ddp-btn"] {float:left; margin-left:5px;}
table.ddp-table-detail tr td dl.ddp-dl-detail {margin-top:16px;}
table.ddp-table-detail tr td dl.ddp-dl-detail:first-of-type {margin-top:0;}
table.ddp-table-detail tr td dl.ddp-dl-detail:last-of-type {margin-bottom:30px;}
table.ddp-table-detail tr td dl.ddp-dl-detail dt {float:left; width:140px; font-weight:bold; color:#4b515b; font-size:13px;}
table.ddp-table-detail tr td dl.ddp-dl-detail dd {display:block; color:#4b515b; font-size:13px; overflow:hidden;}
table.ddp-table-detail tr td dl.ddp-dl-detail dd .ddp-txt-detail {display:inline-block; position:relative; max-width:100%; padding-right:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; box-sizing:Border-box;}
table.ddp-table-detail tr td dl.ddp-dl-detail dd .ddp-txt-detail a.ddp-link-edit2 {position:absolute; top:0; right:0;}
table.ddp-table-detail tr td dl.ddp-dl-detail dd a.ddp-link-url {color:#4c92e0; font-size:13px; text-decoration: underline;}
table.ddp-table-detail tr td .ddp-box-title {padding-bottom:10px; font-size:14px; color:#4b515b;}
table.ddp-table-detail tr td .ddp-box-sub {padding:20px; background-color:#f6f6f7;}
table.ddp-table-detail tr td .ddp-box-sub dl.ddp-dl-detail dt {width:160px;}
table.ddp-table-detail tr td .ddp-box-sub dl.ddp-dl-detail:last-of-type {margin-bottom:0;}
.ddp-wrap-link-detail.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-wrap-link-detail {position:relative; max-width:720px; text-align:right;}
.ddp-wrap-link-detail .ddp-box-layout4 {display:none; position:absolute; right:0; top:100%; margin:5px 0 0 0; max-height:290px; text-align:left; overflow-y: auto;}
.ddp-wrap-link-detail .ddp-box-layout4 .ddp-data-title {padding-bottom:16px;}
.ddp-wrap-link-detail .ddp-box-layout4 dl.ddp-dl-setting {margin:0 14px; position:relative;}
.ddp-wrap-link-detail .ddp-box-layout4 dl.ddp-dl-setting dt {color:#b7bac1; font-size:12px;}
.ddp-wrap-link-detail .ddp-box-layout4 dl.ddp-dl-setting dd {position:absolute; top:0; right:0;font-size:12px; color:#4b515b; }
.ddp-wrap-link-detail .ddp-box-layout4 .ddp-wrap-data-detail {padding:10px 14px 10px 14px;}
.ddp-wrap-link-detail .ddp-box-layout4 .ddp-wrap-data-detail .ddp-ui-top-title {padding-bottom:10px; color:#4b515b; font-size:12px; font-weight:bold;}
.ddp-wrap-link-detail .ddp-box-layout4 .ddp-wrap-data-detail ul.ddp-list-data-detail li {position:relative; margin-top:5px;}
.ddp-wrap-link-detail .ddp-box-layout4 .ddp-wrap-data-detail ul.ddp-list-data-detail li span.ddp-data-date {color:#4b515b; font-size:12px;}
.ddp-wrap-link-detail .ddp-box-layout4 .ddp-wrap-data-detail ul.ddp-list-data-detail li .ddp-data-size{position:absolute; top:0; right:0; font-size:12px; color:#b7bac1;}

.ddp-wrap-datadetail .ddp-box-monitoring {max-width:1220px; height:233px; padding:10px; border:1px solid #dddde2; box-sizing:border-box;}
.ddp-wrap-datadetail .ddp-ui-datadetail.type-detail:first-of-type {padding-top:20px;}
.ddp-wrap-datadetail .ddp-part {padding:0 20px;}
.ddp-wrap-datadetail .ddp-part .ddp-ui-datadetail+.ddp-ui-datadetail {margin-top:0;}
.ddp-wrap-datadetail .ddp-part .ddp-ui-datadetail {float:left; width:600px; padding:40px 0 0 0; margin-right:20px;}
.ddp-wrap-datadetail .ddp-wrap-result {width:1220px;}
.ddp-wrap-datadetail .ddp-wrap-result .ddp-wrap-grid-option {padding-bottom:10px; white-space:nowrap;}
.ddp-wrap-datadetail .ddp-wrap-result .ddp-wrap-grid-option .ddp-box-calen {width:150px;}
.ddp-wrap-datadetail .ddp-wrap-result .ddp-wrap-grid-option .ddp-wrap-edit {display:inline-block; margin-right:30px;}
.ddp-wrap-datadetail .ddp-wrap-result .ddp-wrap-grid-option .ddp-wrap-edit .ddp-type-selectbox {width:132px; box-sizing:border-box;}
.ddp-wrap-datadetail .ddp-wrap-result .ddp-wrap-edit3 {width:auto;}

.ddp-table-form tr td a.ddp-link-edit2 {float:right; margin-right:30px;}

/**********************************************************************************
	page : 데이터 프리퍼레이션 데이터소스 상세_데이서상세팝업
**********************************************************************************/
.ddp-pop-datadetail {overflow:inherit;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-fleft {padding:7px 14px 6px 14px;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-form-search {float:left; width:150px; margin-right:25px;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-wrap-edit3 {float:left; width:auto;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-wrap-edit3 label.ddp-label-type {width:inherit; padding-right:15px;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-btn-reset3 {float:left;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-form-label2 {float:Left; margin-left:40px;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-form-label2 .ddp-type-selectbox {background-color:transparent;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-form-label2 .ddp-type-selectbox.ddp-selected .ddp-wrap-popup2 {white-space:nowrap; right:inherit;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-form-label2.ddp-mgl0 {margin-left:0;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-form-label2 .ddp-type-selectbox {width:110px;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-btn-reset3 {position:relative; top:7px; margin-left:10px;}
.ddp-pop-datadetail .ddp-wrap-grid-option .ddp-data-form {padding:9px 13px 10px 13px;}
.ddp-type-preview .ddp-ui-tab-contents.ddp-pop-datadetail .ddp-ui-grid2 {top:53px}
.ddp-pop-datadetail .ddp-wrap-colum-detail {position:absolute; top:44px; left:0; right:0; bottom:0;}
.ddp-pop-datadetail .ddp-wrap-colum-detail.ddp-info {top:75px;}

.ddp-pop-datadetail .ddp-wrap-detail.ddp-type .ddp-ui-detail .ddp-ui-title2  {padding:10px 20px 25px 20px; font-size:13px; font-weight:bold;}

.ddp-pop-datadetail .ddp-wrap-column-list {position:relative; float:left; width:459px; height:100%; border-right:1px solid #e7e7ea; overflow-y:auto; overflow-x:hidden;}
.ddp-pop-datadetail .ddp-wrap-column-list .ddp-ui-column-list + .ddp-ui-column-list{border-top:1px solid #e7e7ea;}
.ddp-pop-datadetail .ddp-wrap-column-list .ddp-label-title {padding:13px 18px; color:#4b515b; font-size:14px; font-weight:bold;}
.ddp-pop-datadetail .ddp-wrap-column-list .ddp-label-title em.ddp-icon-database-b {margin-right:13px; vertical-align: middle;}
.ddp-pop-datadetail .ddp-wrap-column-list .ddp-label-title em.ddp-icon-sub {display:inline-block; position:relative; top:-8px; margin-right:8px; width:17px; height:17px; background:url(../../images/icon_subline.png) no-repeat;}

.ddp-pop-datadetail .ddp-wrap-sourcename .ddp-label-title {padding:13px 18px; color:#4b515b; font-size:14px; font-weight:bold;}
.ddp-pop-datadetail .ddp-wrap-sourcename .ddp-label-title em.ddp-icon-database-b {margin-right:13px; vertical-align: middle;}
.ddp-pop-datadetail .ddp-wrap-sourcename .ddp-label-title em.ddp-icon-sub {display:inline-block; position:relative; top:-8px; margin-right:8px; width:17px; height:17px; background:url(../../images/icon_subline.png) no-repeat;}

.ddp-pop-datadetail .ddp-data-details .ddp-label-title {padding:13px 18px; color:#4b515b; font-size:14px; font-weight:bold;}
.ddp-pop-datadetail .ddp-data-details .ddp-label-title em.ddp-icon-database-b {margin-right:13px; vertical-align: middle;}
.ddp-pop-datadetail .ddp-data-details .ddp-label-title em.ddp-icon-sub {display:inline-block; position:relative; top:-8px; margin-right:8px; width:17px; height:17px; background:url(../../images/icon_subline.png) no-repeat;}

.ddp-pop-datadetail .ddp-wrap-colum-detail .ddp-wrap-detail {float:left; width:100%; height:100%; margin-left:-460px; padding-left:476px; padding-right:16px; box-sizing:border-box; overflow-y:auto;}
.ddp-pop-datadetail .ddp-wrap-colum-detail .ddp-wrap-detail .ddp-ui-detail {padding-bottom:42px; border-top:1px solid #e7e7ea;}
.ddp-pop-datadetail .ddp-wrap-colum-detail .ddp-wrap-detail .ddp-ui-detail:first-of-type {border-top:none;}
.ddp-pop-datadetail .ddp-ui-detail .ddp-box-histogram {height:61px; border:1px solid #dadada;  box-sizing:border-box;}
.ddp-pop-datadetail .ddp-ui-detail .ddp-box-histogram.ddp-type {height:125px;}

.ddp-pop-datadetail .ddp-ui-tab .ddp-box-layout4.ddp-information {position:fixed; top:120px; left:450px; z-index:55; width:270px; height:310px; box-sizing:border-box; overflow:auto;}
ul.ddp-ui-tab.ddp-type li .ddp-box-layout4.ddp-information a {padding:0; border:none;}

.ddp-box-layout4.ddp-information .ddp-data-type {display:inline-block; margin-left:9px;}
.ddp-box-layout4.ddp-information .ddp-data-type:first-of-type {margin-left:0;}
.ddp-box-layout4.ddp-information .ddp-data-type em[class*="ddp-icon-type-"] {position:relative; left:0; margin-right:3px;}
.ddp-box-layout4.ddp-information .ddp-view-join {padding:0 15px;}
.ddp-box-layout4.ddp-information .ddp-view-join .ddp-data-name {display:block; padding:8px 10px; background-color:#4b515b; border-radius:2px; color:#fff; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;}
.ddp-box-layout4.ddp-information .ddp-view-join .ddp-data-name em.ddp-icon-database-w {margin-right:5px;}

.ddp-box-layout4.ddp-information .ddp-list-join {padding-bottom:17px;}
.ddp-box-layout4.ddp-information .ddp-list-join li:first-of-type {padding-top:0;}
.ddp-box-layout4.ddp-information .ddp-list-join li:first-of-type:before {display:none;}
.ddp-box-layout4.ddp-information .ddp-list-join li {position:relative; float:inherit; padding-top:10px;}
.ddp-box-layout4.ddp-information .ddp-list-join li:before {display:inline-block; content:''; position:absolute; top:0; bottom:0; left:14px; border-left:1px solid #374050;}
.ddp-box-layout4.ddp-information .ddp-list-join li:last-of-type:before {height:25px;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname {float:left; width:100%;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname.ddp-2depth {position:relative; padding:12px 0 0 22px; box-sizing:border-box;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname.ddp-2depth:before {display:inline-block; content:''; position:absolute; top:-10px; bottom:0; left:36px; border-left:1px solid #374050;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname:before {display:inline-block;}

.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname em[class*="ddp-icon-join-"] {float:left; width:28px; height:18px; background:url(../../images/icon_join_s.png) no-repeat; z-index:1;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname em.ddp-icon-join-left {}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname em.ddp-icon-join-right {background-position:left -19px;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname em.ddp-icon-join-inner {background-position:left -38px;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-data-joinname em.ddp-icon-join-outer {background-position:left -57px;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-list-name {display:block; position:relative; top:1px; padding-left:19px; color:#4b515b; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ddp-box-layout4.ddp-information .ddp-list-join li .ddp-list-name:before {display:inline-block; content:''; position:absolute; left:0; top:50%; width:15px; border-bottom:1px solid #374050;}

/**************************************************************
  Page : 워크벤치 상세 (lnb)
**************************************************************/
.page-workbench .ddp-ui-benchlnb .ddp-data-name .ddp-txt-dataname {padding-left:30px;}
.page-workbench .ddp-db-icons {position:absolute; top:0; left:0; width:24px; height:24px;}
.page-workbench .ddp-db-icons .icon-db-tibero-w {position:relative; top:-4px;}
.page-workbench .ddp-db-icons [class*="ddp-icon-data-"]{display:inline-block; background:url(../../images/icon_dbtype_s.png) no-repeat;}

.page-workbench .ddp-db-icons .ddp-icon-data-sql {width:19px; height:22px; background-position:-23px -22px;}
.page-workbench .ddp-db-icons .ddp-icon-data-tibero {width:19px; height:22px; background-position:left -135px;}
.page-workbench .ddp-db-icons .ddp-icon-data-oracle {width:21px; height:21px; background-position:left top;}
.page-workbench .ddp-db-icons .ddp-icon-data-db {width:16px; height:19px; background-position:left -158px;}
.page-workbench .ddp-db-icons .ddp-icon-data-phoenix {width:16px; height:24px; background-position:left -110px;}
.page-workbench .ddp-db-icons .ddp-icon-data-post {width:22px; height:22px; background-position:left -45px;}
.page-workbench .ddp-db-icons .ddp-icon-data-hive {width:24px; height:22px; background-position:left -68px;}
.page-workbench .ddp-db-icons .ddp-icon-data-presto {width:20px; height:17px; background-position:left -91px;}
.page-workbench .ddp-wrap-list-search {padding:0 18px;}
.page-workbench .ddp-wrap-list-search .ddp-ui-list-search {position:relative; padding-left:22px; overflow:hidden;}
.page-workbench .ddp-wrap-list-search .ddp-ui-list-search:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px;width:11px; height:11px; background:url(../../images/icon_search.png) no-repeat; content:'';}
.page-workbench .ddp-wrap-list-search .ddp-ui-list-search input {display:block; width:100%; padding:16px 0 16px 0; background:none; border:none; color:#fff; font-size:13px;}
.page-workbench .ddp-wrap-list-search .ddp-ui-list-search .ddp-btn-search-close {display:inline-block; padding:5px; position:absolute; top:50%; right:5px; margin-top:-8px; cursor:pointer; font-size:0;}
.page-workbench .ddp-wrap-list-search .ddp-ui-list-search .ddp-btn-search-close:before {display:inline-block; width:7px; height:7px; background:url(../../images/btn_sclose.png) no-repeat; background-position:-8px -38px; content:'';}
.page-workbench .ddp-wrap-list-search a.ddp-btn-refresh {float:right; position:relative; top:18px;width:13px; height:12px; background:url(../../images/icon_refresh2.png) no-repeat;}
.page-workbench .ddp-wrap-list-search a.ddp-btn-refresh:hover {background-position:-14px top;}
.page-workbench .ddp-ui-tablelist {top:175px;}
.page-workbench .ddp-ui-tablelist .ddp-list-table {padding-top:10px; box-sizing:border-box;}
.page-workbench .ddp-tablelist-header {padding:2px 0; height:25px; border-top:1px solid #4b515b; border-bottom:1px solid #4b515b; background-color:rgba(75,81,91,0.3); box-sizing:border-box;}
.page-workbench .ddp-tablelist-header .ddp-table-num {float:right; padding-right:18px; color:#90969f; font-weight:300;}
.page-workbench .ddp-tablelist-header .ddp-table-num span.ddp-number {font-weight:normal;}
.page-workbench .ddp-tablelist-header .ddp-table-title {display:inline-block; padding-left:18px; color:#90969f; font-size:12px; overflow:Hidden; cursor:pointer; box-sizing:border-box;}
.page-workbench .ddp-tablelist-header .ddp-table-title [class*="ddp-icon-sort"] {display:inline-block; position:relative; width:19px; height:19px; font-size:0; vertical-align: middle;}
.page-workbench .ddp-tablelist-header .ddp-table-title [class*="ddp-icon-sort"]:before {display:inline-block; position:absolute; top:50%; left:50%; width:7px; height:10px; margin:-5px 0 0 -4px; background:url(../../images/icon_sorting.png);content:'';}
.page-workbench .ddp-tablelist-header .ddp-table-title .ddp-icon-sort-asc:before {background-position:-8px top;}
.page-workbench .ddp-tablelist-header .ddp-table-title .ddp-icon-sort-des:before {background-position:-16px top;}
.page-workbench .ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in .ddp-wrap-search {padding:0 15px;}
.page-workbench .ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in .ddp-box-layout4 {width:275px;}

.page-workbench .ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in .ddp-box-layout4 .ddp-form-search {margin:0; width:100%;}
.page-workbench .ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in .ddp-box-layout4 .ddp-form-search input {letter-spacing:-0.5px;}
.page-workbench .ddp-ui-tablelist .ddp-ui-pageing {position:relative; height:35px; }
.page-workbench .ddp-ui-tablelist .ddp-ui-pageing .ddp-data-page {position:absolute; top:0; left:0; right:0; bottom:0; padding:10px 0; text-align:center; color:#90969f; font-size:12px;}
.page-workbench .ddp-ui-tablelist .ddp-ui-pageing .ddp-btn-prev,

.page-workbench .ddp-ui-tablelist .ddp-ui-pageing .ddp-btn-next{position:relative; z-index:1;}

/**************************************************************
  Page : 워크벤치 상세 (contents)
**************************************************************/
.page-workbench .ddp-wrap-editor .ddp-box-layout4 .ddp-btn-close {z-index:1;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-shortcuts {display:block; position:absolute; top:8px; right:8px; bottom:8px; width:auto; overflow:auto; background-color:#fff; z-index:10;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-shortcuts * { font-family:'SpoqaHanSans',sans-serif}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-shortcuts .ddp-table-pop {white-space:nowrap; width:auto;}
/*.page-workbench .ddp-box-editer .ddp-wrap-edit-foot {bottom:6px; z-index:30;}*/

.page-workbench .ddp-ui-tabs ul.ddp-list-tabs li .ddp-wrap-retry {position:absolute; bottom:100%; padding-bottom:5px; }
.page-workbench .ddp-ui-tabs ul.ddp-list-tabs li .ddp-wrap-retry .ddp-box-tabs-popup {position:relative;}

.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button {position:absolute; bottom:0; left:0; right:0; height:39px; border:1px solid #ddd; background-color:#f7f7f8; z-index:10;}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-link-query {float:left; padding:12px 0 0 16px; color:#90969f; font-size:13px;}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-link-query [class*="ddp-icon-query-"] {margin-right:5px}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-link-query:hover {color:#4b515b;}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-icon-button {float:right; padding:0 13px 0 0;}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-icon-button .ddp-btn-query {float:left; position:relative; margin:11px 0 0 14px; width:20px; height:20px;}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-icon-button .ddp-btn-query [class*="ddp-icon-query-"] {position:absolute; top:50%; left:50%;}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-icon-button .ddp-btn-query:hover .ddp-ui-tooltip-info {display:block;}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-icon-button .ddp-btn-query .ddp-ui-tooltip-info { right:-14px; left:inherit; margin-bottom:8px;}
.page-workbench .ddp-ui-query .ddp-box-editer .ddp-wrap-foot-button .ddp-icon-button .ddp-btn-query .ddp-ui-tooltip-info .ddp-icon-view-down {right:23px; left:inherit; margin:0;}
.page-workbench .ddp-link-query .ddp-icon-query-full,
.page-workbench .ddp-link-query .ddp-icon-query-partial,
.page-workbench .ddp-icon-button .ddp-icon-query-clear,
.page-workbench .ddp-icon-button .ddp-icon-query-beautifier,
.page-workbench .ddp-icon-button .ddp-icon-query-history,
.page-workbench .ddp-icon-button .ddp-icon-query-shortcuts {display:inline-block; background:url(../../images/icon_query2.png) no-repeat;}

.page-workbench .ddp-link-query .ddp-icon-query-full {width:8px; height:12px;}
.page-workbench .ddp-link-query:hover .ddp-icon-query-full {background-position-x:-9px;}
.page-workbench .ddp-link-query .ddp-icon-query-partial {width:13px; height:12px; background-position:left -13px;}
.page-workbench .ddp-link-query:hover .ddp-icon-query-partial {background-position-x:-14px;}
.page-workbench .ddp-icon-button .ddp-icon-query-clear {width:18px; height:16px; margin:-8px 0 0 -9px;background-position:left -26px;}
.page-workbench .ddp-icon-button .ddp-icon-query-clear:hover {background-position-x:-19px}
.page-workbench .ddp-icon-button .ddp-icon-query-beautifier {width:19px; height:16px; margin:-8px 0 0 -10px; background-position:left -43px;}
.page-workbench .ddp-icon-button .ddp-icon-query-beautifier:hover {background-position-x:-21px;}
.page-workbench .ddp-icon-button .ddp-icon-query-history {width:16px; height:16px;margin:-8px 0 0 -8px; background-position:left -60px;}
.page-workbench .ddp-icon-button .ddp-icon-query-history:hover,
.page-workbench .ddp-icon-button .ddp-icon-query-history.ddp-selected {background-position-x:-17px;}

.page-workbench .ddp-icon-button .ddp-icon-query-shortcuts {width:16px; height:16px;margin:-8px 0 0 -8px; background-position:left -77px;}
.page-workbench .ddp-icon-button .ddp-icon-query-shortcuts.ddp-selected,
.page-workbench .ddp-icon-button .ddp-icon-query-shortcuts:hover {background-position-x:-17px;}

.page-workbench .ddp-icon-button .ddp-btn-query {position:relative;}

.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history  {display:block; position:absolute; top:8px; right:8px; bottom:8px; width:350px; overflow:auto; background-color:#fff; z-index:10;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history * { font-family:'SpoqaHanSans',sans-serif}
.page-workbench .ddp-wrap-editor .ddp-box-layout4 .ddp-data-title {position:relative;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-ui-history-option {float:right; top:3px; padding-right:0;}

.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-ui-history-option .ddp-history-search {float:left; margin-left:10px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-ui-history-option .ddp-history-search a.ddp-icon-search {display:inline-block; width:12px; height:12px; background:url(../../images/icon_search.png) no-repeat; background-position:left -27px;}

.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-ui-history-option .ddp-btn-close2 {display:inline-block; width:11px; height:11px; margin-left:10px; background:url(../../images/btn_close.png) no-repeat; background-position:-24px -58px}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-ui-history-option .ddp-btn-close2:hover {background-position-x:-36px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-data-list-num {padding:0 0 3px 15px; color:#b7b9c2; font-size:12px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-nodata {padding:0 0 15px 15px; color:#b7b9c3; font-size:12px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li {}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li a{display:block;padding:9px 15px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li a:hover {background-color:#f6f6f7;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-data-history {overflow:hidden;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-data-history .ddp-data-edit{color:#444; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-data-history .ddp-data-time{color:#90969f; font-size:12px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-ui-history-data {float:right; padding:5px 0;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-ui-history-data .ddp-data-ms {color:#90969f; font-size:12px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-ui-history-data .ddp-icon-status-success,
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-ui-history-data .ddp-icon-status-fail {display:inline-block; width:13px; height:13px; margin-left:4px; background:url(../../images/icon_status.png) no-repeat; }

.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-ui-history-data .ddp-icon-status-fail {background-position-x:-14px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-ui-history-data .ddp-icon-return {display:inline-block; width:10px; height:11px; margin-left:8px; background:url(../../images/icon_control.png) no-repeat; background-position:left -266px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-list-history li .ddp-ui-history-data .ddp-icon-view {display:inline-block; width:6px; height:11px; margin-left:12px;  background:url(../../images/icon_list_view.png) no-repeat; background-position:left -10px;}

.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-ui-history-option .ddp-history-search.ddp-selected {background-color:#fff;}

.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-ui-history-option .ddp-history-search a.ddp-icon-search:hover {background-position-x:-13px;}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-ui-history-option .ddp-icon-del {float:left; width:11px; height:12px; margin-left:10px; background:url(../../images/icon_control.png) no-repeat; background-position:-50px -14px;}
.page-workbench .ddp-wrap-editor .ddp-ui-history-option .ddp-icon-del:hover {background-position-x:-62px}
.page-workbench .ddp-wrap-editor .ddp-ui-history-option .ddp-history-search .ddp-type-search {display:none;}
.page-workbench .ddp-wrap-editor .ddp-ui-history-option .ddp-history-search.ddp-selected .ddp-type-search {display:block;}

.page-workbench .ddp-wrap-editor .ddp-ui-history-option .ddp-history-search .ddp-type-search { position:absolute; top:9px; left:200px; right:55px; padding:0 50px 0 25px; background-color:#f6f6f7;}
.page-workbench .ddp-wrap-editor .ddp-ui-history-option .ddp-history-search .ddp-type-search:before {left:7px;}
.page-workbench .ddp-wrap-editor .ddp-ui-history-option .ddp-history-search .ddp-type-search .ddp-btn-delete {right:28px;}
.page-workbench .ddp-wrap-editor .ddp-ui-history-option .ddp-history-search .ddp-type-search .ddp-btn-back {display:inline-block; position:absolute; top:0; right:0; width:20px; height:28px; background-color:#b7b9c3;}
.page-workbench .ddp-wrap-editor .ddp-ui-history-option .ddp-history-search .ddp-type-search .ddp-btn-back:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -3px; width:6px; height:11px; background:url(../../images/icon_list_view.png) no-repeat; background-position:left -37px; content:'';}
.page-workbench .ddp-wrap-editor .ddp-box-layout4.ddp-history .ddp-btn-more {display:inline-block; padding:10px 0; color:#4b515b; font-size:12px; text-decoration:underline;}

/**************************************************************
  Page : 워크벤치 상세 (rnb)
**************************************************************/
.page-workbench .ddp-ui-rnb-contents .ddp-ui-var-plus {padding-top:0;}
.page-workbench .ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-ui-addview {margin-top:0;}
.page-workbench .ddp-ui-rnb-contents .ddp-ui-title {margin-left:0; padding-left:15px;}

/**************************************************************
  Page : 워크벤치 상세 (rnb) Global variable
**************************************************************/
.page-workbench .ddp-ui-rnb-contents .ddp-ui-title span.ddp-data-num {margin-left:3px}
.page-workbench .ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-ui-addview .ddp-box-addview {margin-bottom:2px;}
.page-workbench .ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list.ddp-edit {background-color:#e7e7ea;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-link-buttons .ddp-btn-pop {float:left; min-width:inherit; padding:6px 12px; margin-left:4px;}

/***********************************************************************************************************
	page : 워크벤치 detail
************************************************************************************************************/
.ddp-wrap-workbench {position:absolute; top:101px; left:0; right:0; bottom:0; width:initial; height:auto; overflow:hidden;}
.ddp-wrap-workbench .ddp-ui-rnb {position:relative; display:table-cell;width:52px; background-color:#f8f7f9; z-index:31; vertical-align:top;}

.ddp-wrap-workbench .ddp-layout-table {display:table; width:100%; height:100%;}
.ddp-wrap-workbench .ddp-ui-benchlnb {display:table-cell; position:relative; width:455px;height:100%; background-color:#35393f; vertical-align: top; z-index:20;}
.ddp-wrap-workbench .ddp-ui-benchlnb.ddp-fold {width:280px;}
.ddp-wrap-workbench .ddp-ui-benchlnb.ddp-fold .ddp-view-benchlnb {width:100%;}
.ddp-wrap-workbench .ddp-ui-benchlnb.ddp-fold .ddp-ui-benchtable {display:none;}
.ddp-wrap-workbench .ddp-ui-benchlnb .ddp-view-benchlnb {position:relative; float:left; height:100%; width:55%;}
.ddp-ui-benchlnb.ddp-close {width:9px; min-width:9px;}
.ddp-ui-benchlnb.ddp-none {display:none;}
.ddp-ui-benchlnb.ddp-close .ddp-view-benchlnb {width:9px; min-width:auto;}
.ddp-ui-benchlnb.ddp-close .ddp-box-benchlnb {display:none;}
.ddp-ui-benchlnb.ddp-close .ddp-ui-benchtable {display:none;}
.ddp-box-benchlnb {width:100%; height:100%;}

.ddp-ui-benchlnb .ddp-btn-folding {position:absolute; top:23px; right:18px; z-index:1;}
.ddp-ui-benchlnb .ddp-btn-folding:before {display:inline-block; content:''; width:14px; height:12px; background:url(../../images/icon_folding2.png) no-repeat; background-position:-15px top;}
.ddp-ui-benchlnb .ddp-btn-folding:hover:before {background-position:left top;}

.ddp-ui-benchlnb.ddp-close .ddp-btn-folding {display:inline-block; position:absolute; top:0; right:-14px; width:23px; height:91px; background-color:#4b515b;}
.ddp-ui-benchlnb.ddp-close .ddp-btn-folding:before {position:absolute; top:23px; left:50%; margin-left:-7px; width:14px; height:11px; background-position:-15px -14px;}
.ddp-ui-benchlnb.ddp-close .ddp-btn-folding:hover:before {background-position:left -14px;}
.ddp-ui-benchlnb .ddp-wrap-name {background-color:#4b515b;}
.ddp-ui-benchlnb .ddp-data-name {position:relative; padding:18px 35px 8px 18px; color:rgba(255,255,255,0.8); font-size:16px; box-sizing:border-box;}
.ddp-ui-benchlnb .ddp-wrap-name > .ddp-data-name {height:46px;}

.ddp-ui-benchlnb .ddp-data-name .ddp-txt-dataname {display:inline-block; max-width:100%; position:relative; padding-right:24px;box-sizing:border-box;}

.ddp-ui-benchlnb .ddp-data-name .ddp-txt-dataname .ddp-txt-in {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }

.ddp-ui-benchlnb .ddp-data-name .ddp-wrap-info {position:absolute; top:1px; right:0; padding:3px; font-size:0;}
.ddp-ui-benchlnb .ddp-data-name .ddp-wrap-info .ddp-btn-info2 {display:inline-block; vertical-align: middle;}
.ddp-ui-benchlnb .ddp-data-name .ddp-wrap-info .ddp-box-layout4 {display:none; width:auto; min-width:320px; max-width:520px;  position:fixed; top:140px; left:20px; z-index:10;}
.ddp-ui-benchlnb .ddp-data-name .ddp-wrap-info .ddp-box-layout4 .ddp-form-scroll {max-height:480px; overflow:auto;}
.ddp-ui-benchlnb .ddp-data-name .ddp-wrap-info .ddp-box-layout4 table.ddp-table-info {table-layout:inherit; }

.ddp-ui-benchlnb .ddp-data-name .ddp-wrap-info .ddp-box-layout4 table.ddp-table-info tr td {word-break:break-all;}
.ddp-ui-benchlnb .ddp-data-name .ddp-wrap-info.ddp-selected .ddp-box-layout4 {display:block;}

.ddp-ui-benchlnb .ddp-data-name .ddp-btn-info2:before {display:inline-block; content:''; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:left -30px;}
.ddp-ui-benchlnb .ddp-data-name .ddp-btn-info2:hover:before {background-position:-14px -30px;}
.ddp-ui-benchlnb .ddp-data-namesub {position:relative; height:56px; padding:15px 50px 10px 10px; color:rgba(255,255,255,0.8); font-size:12px;cursor:pointer; box-sizing:border-box;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in {position:relative; padding:8px 20px 8px 10px; height:31px; border-radius:2px; background-color:#3c4047; box-sizing:border-box;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in.ddp-disabled {opacity:0.3; cursor:no-drop;}

.ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in em.ddp-icon-view {display:inline-block; position:absolute; top:50%; right:9px; width:7px; height:4px; margin-top:-2px; background:url(../../images/icon_select.png) no-repeat; background-position:-8px top;content:'';}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in.ddp-selected em.ddp-icon-view {transform:rotate(180deg);}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in .ddp-box-layout4 {display:none; position:absolute; top:100%; left:0; right:0; width:100%; padding:10px 0 20px 0; box-sizing:border-box;}

.ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in .ddp-box-layout4 .ddp-form-search {width:180px;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-data-in.ddp-selected .ddp-box-layout4.ddp-datasearch {padding-bottom:37px;}

.ddp-box-layout4.ddp-datasearch {padding-bottom:36px;}
.ddp-box-layout4.ddp-datasearch .ddp-form-search {width:250px;}
.ddp-box-layout4.ddp-datasearch .ddp-link-join {display:block; position:absolute; bottom:0; left:0; right:0; padding:10px 10px; color:#4b515b; font-size:13px; border-top:1px solid #e7e7ea;}
.ddp-box-layout4.ddp-datasearch .ddp-link-join .ddp-btn-option {position:absolute; top:50%; right:10px; margin-top:-8px;}

.ddp-box-layout4.ddp-datasearch .ddp-link-join:hover .ddp-btn-option {background-position:-16px top;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-link-btn {display:inline-block; position:absolute; top:15px; right:11px; height:30px; width:30px;background-color:#3c4047; border-radius:2px;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-link-btn:hover {background-color:#2f3339;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-link-btn.ddp-disabled {opacity:0.3; cursor:no-drop;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-link-btn.ddp-disabled:hover {background-color:#3c4047}

.ddp-ui-benchlnb .ddp-data-namesub .ddp-link-btn em.ddp-icon-table {display:inline-block; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; width:13px; height:14px; background:url(../../images/icon_data.png) no-repeat; background-position:-67px top;}
.ddp-ui-benchlnb .ddp-data-namesub.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-ui-benchlnb .ddp-data-namesub .ddp-icon-database3 {display:inline-block; float:left; margin-right:8px; width:12px; height:15px; background:url(../../images/icon_database.png) no-repeat; background-position:left -14px;}
.ddp-ui-benchlnb .ddp-data-namesub span.ddp-txt-namesub {display:block; position:relative; color:#b7b9c2; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap: normal;}
.ddp-ui-benchlnb .ddp-data-namesub:hover em.ddp-icon-view {opacity:1;}
.ddp-wrap-tablelist {}
.ddp-wrap-tablelist .ddp-ui-title {position:relative; padding:15px 18px 0 18px; color:#a0acbf; font-size:12px;}

.ddp-wrap-tablelist .ddp-form-search {width:235px; margin:10px 25px 13px 25px;}
.ddp-wrap-tablelist .ddp-form-search input {border-bottom:1px solid #656971; color:#d0d1d8;}
.ddp-wrap-tablelist .ddp-form-search .ddp-btn-search-close:before {background-position-x:-8px;}

.ddp-ui-tablelist {position:absolute; top:157px; left:0; right:0; bottom:0; padding-bottom:36px;}
.ddp-ui-tablelist a.ddp-btn-more {display:inline-block; margin:12px 0 0 25px; color:#d0d1d8; font-size:12px; text-decoration: underline;}
.ddp-ui-tablelist .ddp-ui-pageing {position:absolute; bottom:0; left:0; right:0;}
ul.ddp-list-table {height:100%; overflow:auto;}

ul.ddp-list-table::-webkit-scrollbar-track {background:#3f4349;}
ul.ddp-list-table::-webkit-scrollbar-thumb {border:4px solid #3f4349; background-color:#6d7179}

ul.ddp-list-table li {position:relative; padding:8px 58px 8px 43px; cursor: pointer;}
ul.ddp-list-table li:hover {background-color:#2f3339;}
ul.ddp-list-table li .ddp-data-tablename {display:block; color:#d0d1d8; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-box-tableinfo {border:1px solid #ddd; background-color:#fff; border-radius:2px;}
ul.ddp-list-table li em.ddp-icon-table {display:inline-block; position:absolute; top:10px; left:25px; width:10px; height:10px; background:url(../../images/icon_table.png) no-repeat;}
ul.ddp-list-table li .ddp-ui-buttons { position:absolute; top:5px; right:16px;}
ul.ddp-list-table li .ddp-ui-buttons .ddp-icon-info.ddp-selected em.ddp-icon-info:before {background-position:-14px -30px;}
ul.ddp-list-table li:hover .ddp-ui-buttons {display:block;}
ul.ddp-list-table li .ddp-ui-buttons .ddp-icon-info {float:left; position:relative; top:1px;}
ul.ddp-list-table li .ddp-ui-buttons .ddp-icon-schemainfo {float:left;}

ul.ddp-list-table li em.ddp-icon-info {display:inline-block; padding:3px; cursor:pointer;}
ul.ddp-list-table li em.ddp-icon-info:before {display:inline-block; content:''; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:-28px -30px;}
ul.ddp-list-table li em.ddp-icon-info.ddp-disabled {cursor:no-drop;}
ul.ddp-list-table li em.ddp-icon-info.ddp-disabled:before,
ul.ddp-list-table li em.ddp-icon-info.ddp-disabled:hover:before {background-position:-28px -30px;}
ul.ddp-list-table li em.ddp-icon-info:hover:before {background-position:-14px -30px;}
ul.ddp-list-table li em.ddp-icon-info.ddp-selected:before
{background-position:-14px -30px;}

ul.ddp-list-table li em.ddp-icon-tableinfo {display:inline-block; position:relative; top:2px; padding:3px; cursor:pointer;}
ul.ddp-list-table li em.ddp-icon-tableinfo:before {display:inline-block; content:''; width:13px; height:10px; background:url(../../images/btn_schema.png) no-repeat;}
ul.ddp-list-table li em.ddp-icon-tableinfo:hover:before {background-position:-14px top;}
ul.ddp-list-table li em.ddp-icon-tableinfo.ddp-selected:before  {background-position:-14px top;}
ul.ddp-list-table li em.ddp-icon-tableinfo.ddp-disabled {cursor:no-drop;}
ul.ddp-list-table li em.ddp-icon-tableinfo.ddp-disabled:before,
ul.ddp-list-table li em.ddp-icon-tableinfo.ddp-disabled:hover:before {background-position:left top;}

/* 팝업 */
.ddp-box-layout4 {position:relative; width:211px; border-radius:2px; border:1px solid #ddd; background-color:#fff; z-index:1; box-sizing:border-box;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(0,0,0,.3); /* drop shadow */
}
.ddp-box-layout4.ddp-basic {padding:17px; color:#4b515b; font-size:12px; line-height:18px;}
.ddp-box-layout4.ddp-layout-info {position:fixed; left:270px; min-width:220px; width:auto; max-width:350px; max-height:520px; z-index:70; overflow:auto;}
.ddp-box-layout4.ddp-layout-info.ddp-info-type {max-width:520px; min-width:200px;overflow:hidden;table-layout:inherit;}
.ddp-box-layout4.ddp-layout-info.ddp-info-type .ddp-form-scroll {max-height:476px; overflow:auto;}
.ddp-box-layout4.ddp-layout-info.ddp-info-type table tr td {word-break:break-all;}
.ddp-box-layout4 .ddp-label-table {padding:0 15px;  margin-bottom:-4px;max-width:520px; }
.ddp-box-layout4 .ddp-label-table .ddp-txt-label {display:inline-block; position:relative; padding-left:6px; color:#4b515b; font-size:12px;}
.ddp-box-layout4 .ddp-label-table .ddp-txt-label:before {position:absolute; top:3px; left:0; height:9px; border-left:2px solid #4b515b; content:'';}
.ddp-box-layout4.ddp-layout-info.ddp-info-type .ddp-data-title {font-size:14px;}

.ddp-box-layout4.ddp-layout-tableinfo {position:fixed; left:270px; min-width:420px;  width:auto; padding:0 20px; max-width:650px; max-height:500px; z-index:70; overflow:auto; box-sizing:border-box;}

.ddp-box-layout4.ddp-layout-tableinfo .ddp-form-search {width:100%; margin-left:0; box-sizing:border-box;}
.ddp-box-layout4.ddp-layout-tableinfo .ddp-data-title {padding-left:0; padding-right:0;}
.ddp-box-layout4.ddp-layout-tableinfo .ddp-ui-list-type {margin:10px -20px 10px -20px;}
.ddp-box-layout4.ddp-layout-tableinfo .ddp-ui-list-type ul {padding:0 ;}
.ddp-box-layout4 a.ddp-btn-close {display:inline-block; position:absolute; top:17px; right:20px; width:11px; height:11px !important; background:url(../../images/btn_close.png) no-repeat; background-position:-12px -58px;}

.ddp-box-layout4 .ddp-data-explain {padding:11px 15px; color:#b7bac1; font-size:12px; border-bottom:1px solid #e7e7ea; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}

.ddp-box-layout4 .ddp-txt-strong {padding:20px 0 0 0; color:#d62d1f; font-size:12px;}
.ddp-box-layout4 table.ddp-table-info {width:100%;padding:10px 0;}
.ddp-box-layout4 table.ddp-table-info tr th {padding:2px 15px 2px 15px; color:#b7bac1; text-align:left; font-size:12px; vertical-align:top;}
.ddp-box-layout4 table.ddp-table-info tr td {padding:2px 15px 2px 0; color:#4b515b; font-size:12px;}
.ddp-box-layout4.ddp-information table.ddp-table-info tr td {text-align:left;}
.ddp-box-layout4 table.ddp-table-info tr td a.ddp-link {text-decoration: underline; color:#4c92e0;}

.ddp-box-layout4 .ddp-form-search {width:168px; margin-left:20px;}
.ddp-box-layout4 .ddp-data-det2 {padding:10px 13px 0 13px; color:#9c9fa9; font-size:12px;  font-weight: normal;}
.ddp-box-layout4 .ddp-data-det2 strong {display:block; padding-bottom:5px; color:#4b515b; font-size:12px; font-weight:normal;}
.ddp-box-layout4 .ddp-data-det2 .ddp-txt-det {display:block; padding-bottom:10px; color:#9c9fa9; font-size:12px; line-height:18px; font-weight: normal;}
.ddp-box-layout4 .ddp-data-det2 .ddp-txt-det em.ddp-icon-chart-children {display:inline-block; position:relative; top:0; left:0; width:13px; height:13px; margin-right:5px; background:url(../../images/img_childrenchart.png) no-repeat;vertical-align: middle;}

.ddp-box-layout4 .ddp-ui-list-type {max-height:361px;  overflow:auto;}
.ddp-box-layout4 .ddp-ui-list-type a.ddp-btn-more {display:inline-block;;}
.ddp-box-layout4 ul.ddp-list-type {padding:10px 0;}
.ddp-box-layout4 ul.ddp-list-type li a {display:block; position:relative; padding:8px 20px 8px 20px; color:#4b515b; font-size:12px; }
.ddp-box-layout4 ul.ddp-list-type li a span.ddp-data-name {display:block; max-width:100%; color:#4b515b; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; padding:0;}
.ddp-box-layout4 ul.ddp-list-type li a span.ddp-data-name em.ddp-data {position:relative; padding:0 6px; margin-right:5px; border-right:1px solid #b7b9c3; border-left:1px solid #b7b9c3;;color:#b7b9c3; font-size:11px;}
.ddp-box-layout4 ul.ddp-list-type li a:hover {background-color:#f6f6f7;}
.ddp-box-layout4 ul.ddp-list-type li a .ddp-icon-database-s {float:left; margin-right:7px;}
.ddp-box-layout4 ul.ddp-list-type li.ddp-selected a {color:#666eb2;}

.ddp-box-layout4 ul.ddp-list-type.ddp-list-popup li a {padding-right:30px;}
.ddp-box-layout4 ul.ddp-list-type.ddp-list-popup li.ddp-selected a .ddp-data-name {color:#666eb2;}
.ddp-box-layout4 .ddp-btn-more {display:inline-block; margin:0 20px 0 20px; color:#4b515b; font-size:12px; text-decoration: underline;}

ul.ddp-list-rnb li a {display:block; position:relative; width:52px; height:52px;}
ul.ddp-list-rnb li.ddp-selected a {background-color:#90969f;}
ul.ddp-list-rnb li a:hover em.ddp-icon-globalvar {background-position:-21px top;}
ul.ddp-list-rnb li a:hover em.ddp-icon-history {background-position:-21px -17px;}
ul.ddp-list-rnb li a:hover em.ddp-icon-navimenu {background-position:-17px -38px;}
ul.ddp-list-rnb li.ddp-selected a em.ddp-icon-globalvar {background-position:-42px top;}
ul.ddp-list-rnb li.ddp-selected a em.ddp-icon-history {background-position:-42px -17px;}
ul.ddp-list-rnb li.ddp-selected a em.ddp-icon-navimenu {background-position:-34px -38px;}
em.ddp-icon-globalvar,
em.ddp-icon-history,
em.ddp-icon-navimenu {display:inline-block; position:absolute; top:50%; left:50%; background:url(../../images/icon_query_rnb.png) no-repeat;}
em.ddp-icon-globalvar {margin:-8px 0 0 -10px; width:20px; height:16px;}
em.ddp-icon-history {margin:-10px 0 0 -10px; width:20px; height:20px;background-position:left -17px;}
em.ddp-icon-navimenu {margin:-8px 0 0 -8px; width:16px; height:16px; background-position:left -38px;}
.ddp-wrap-rnb-contents {height:100%;}
.ddp-ui-rnb-contents {position:absolute; right:52px; bottom:0; top:0; width:505px; height:100%; border-right:1px solid #e7e7ea;  background-color:#f7f7f8;}
.ddp-ui-rnb-contents.ddp-type {width:316px;}
.ddp-ui-rnb-contents:before {display:inline-block; content:''; position:absolute; left:-5px; top:0; bottom:0; width:5px; background:url(../../images/bg_shadow2.png) repeat-y;}

.ddp-ui-rnb-contents .ddp-ui-title {position:relative; padding:17px 0 15px 0; margin-left:15px; font-size:16px; color:#555d66; font-weight:bold; border-bottom:1px solid #e5e6e8;}
.ddp-ui-rnb-contents .ddp-ui-title span.ddp-data-num {margin-left:10px; color:#b7b9c2;}
.ddp-ui-rnb-contents .ddp-ui-title span.ddp-data-num2 {color:#b7b9c2; font-size:16px; font-weight:bold;}

.ddp-ui-rnb-contents .ddp-ui-option {position:relative;}
.ddp-ui-rnb-contents .ddp-wrap-selectbox {position:absolute; top:10px; right:17px;}
.ddp-ui-rnb-contents .ddp-ui-option .ddp-form-search  {margin:6px 20px 9px 20px; width:200px;}
.ddp-ui-rnb-contents .ddp-ui-option .ddp-ui-reset {position:absolute; top:10px; right:17px;}
.ddp-ui-rnb-contents .ddp-ui-option .ddp-ui-reset .ddp-ui-tooltip-info {display:none; position:absolute; top:20px;; right:-33px; left:inherit;}
.ddp-ui-rnb-contents .ddp-ui-option .ddp-ui-reset:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-rnb-contents .ddp-ui-option .ddp-ui-reset:hover .ddp-ui-tooltip-info .ddp-icon-view-top {left:inherit; right:37px;}
.ddp-ui-rnb-contents .ddp-wrap-table-simple {position:absolute; top:96px; left:0; right:0; bottom:0;}
.ddp-ui-rnb-contents .ddp-wrap-table-simple .ddp-table-tbody {position:absolute; top:23px; left:0; right:0; bottom:0; overflow-y:scroll;}
.ddp-ui-rnb-contents .ddp-wrap-table-simple .ddp-table-tbody::-webkit-scrollbar-track {background:#f7f7f8;}
.ddp-ui-rnb-contents .ddp-wrap-table-simple .ddp-table-tbody::-webkit-scrollbar-thumb  {border-color:#f7f7f8;}
.ddp-ui-rnb-contents .ddp-ui-var-plus {position:absolute; top:53px; left:0; right:0; bottom:0; padding:15px 15px 0 15px;}
.ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-ui-addview {position:relative; margin-top:-15px;}
.ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-wrap-addview .ddp-btn-add {display:inline-block; position:absolute; top:-33px; right:16px; width:12px; height:12px; background:url(../../images/icon_add2.png) no-repeat; background-position:-55px top;}

@keyframes plusspin {
  from {transform:rotate(0deg);}
  to {transform:rotate(45deg);}
}

.ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-wrap-addview.ddp-selected .ddp-btn-add {animation-name: plusspin;animation-duration: 0.3s;transform:rotate(45deg);}

.ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-wrap-addview .ddp-ui-addview {display:none;}
.ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-wrap-addview.ddp-selected .ddp-ui-addview {display:block;}

.ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-ui-addview .ddp-box-addview {width:316px; padding:15px; margin-left:-15px; margin-bottom:13px; background-color:#e7e7ea; box-sizing:border-box; font-weight:normal; z-index:10;}
.ddp-ui-rnb-contents .ddp-ui-var-plus .ddp-ui-addview .ddp-box-addview:before {display:inline-block; position:absolute; bottom:100%; right:0; width:18px; height:11px; background:url(../../images/icon_addview.png) no-repeat; content:'';}
.ddp-ui-var-plus .ddp-ui-addview .ddp-list-addview tr th {padding:8px 0; color:#90969f; font-size:13px; font-weight:normal; text-align:left; vertical-align:top;}
.ddp-ui-var-plus .ddp-ui-addview .ddp-list-addview tr td {padding:2px 0;}
.ddp-ui-var-plus .ddp-ui-addview .ddp-list-addview tr td .ddp-type-selectbox.ddp-txt-type {width:120px;}
.ddp-ui-var-plus .ddp-data-error {color:#e70000; font-size:12px; font-style:italic;}
.ddp-ui-var-plus .ddp-data-error:before {display:inline-block; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; vertical-align:middle; background-position:-28px top; content:'';}

.ddp-ui-var-plus .ddp-ui-addview .ddp-box-buttons {padding:2px 0 0 46px; overflow:hidden;}
.ddp-ui-var-plus .ddp-ui-addview .ddp-box-buttons .ddp-btn-pop {float:left; margin:0 2px;}
.ddp-ui-var-plus .ddp-list-form-plus {color:#b7b9c2; font-size:13px;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-input-typebasic.ddp-readonly {border-color:transparent; background:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-input-typebasic.ddp-readonly.ddp-value {color:#90969f;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list {float:left; margin:0 -15px; padding:2px 12px 2px 15px; cursor:pointer;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list:hover {background-color:#e7e7ea;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-form-multy2 {margin-bottom:0;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-form-multy2.ddp-type em.ddp-icon-type-calen3,
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-form-multy2.ddp-type em.ddp-icon-type-text {margin-top:0; top:9px;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-form-multy2 .ddp-ui-buttons {margin-top:0; top:5px;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-form-multy2 .ddp-ui-buttons .ddp-icon-control-insert {position:relative; top:2px;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-box-typebasic {width:55%; float:left;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-box-typebasic.ddp-value {width:43%; float:right;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-box-typebasic input.ddp-input-typebasic {width:100%; cursor:pointer;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list .ddp-box-typebasic .ddp-form-calen {float:left; width:100%;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list input {cursor:text !important;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-wrap-link-list input[type="text"].ddp-readonly {cursor:pointer !important;}
.ddp-ui-var-plus .ddp-list-form-plus .ddp-link-buttons {float:right; clear:both; padding:6px 0 3px 0;text-align:right;}

.ddp-ui-var-plus .ddp-list-blank {float:left; width:100%; margin-top:15px;position:relative; color:#b7b9c2; font-size:13px; letter-spacing:-1px;}

.ddp-ui-var-plus .ddp-list-blank .ddp-icon-blank-plus {display:inline-block; position:relative; top:-2px;width:9px; height:10px; margin-right:6px; background:url(../../images/icon_blank.png) no-repeat; vertical-align:middle;}
.ddp-ui-var-plus .ddp-list-blank .ddp-icon-blank-point {display:inline-block; position:absolute; top:0; right:2px; width:10px; height:14px; margin-left:5px; background:url(../../images/icon_blank.png) no-repeat; background-position:left -11px; vertical-align:middle;}
.ddp-ui-var-plus a.ddp-link-var-add {display:inline-block; float:right; position:relative; top:6px; padding-left:13px; padding-right:15px; color:#90969f; font-size:12px; overflow:hidden;}
.ddp-ui-var-plus a.ddp-link-var-add.ddp-disabled {opacity:0.5; cursor: no-drop;}
.ddp-ui-var-plus a.ddp-link-var-add em.ddp-box-plus {display:inline-block;  position:relative; width:14px; height:14px; margin-right:7px; text-align:center; border:1px solid #dededf; vertical-align: middle;}
.ddp-ui-var-plus a.ddp-link-var-add em.ddp-box-plus:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px; width:9px; height:9px; background:url(../../images/btn_minus_plus.png) no-repeat; background-position:left -2px; content:'';}
.ddp-ui-rnb-contents .ddp-ui-form-list {}
.ddp-form-multy2 {position:relative; padding-right:40px; margin-bottom:6px;}
.ddp-form-multy2.ddp-type {padding-left:20px;}
.ddp-form-multy2.ddp-type em.ddp-icon-type-calen3,
.ddp-form-multy2.ddp-type em.ddp-icon-type-text {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px;}
.ddp-form-multy2 .ddp-input-typebasic {float:left; width:55%;}
.ddp-form-multy2 .ddp-input-typebasic.ddp-value {float:right; width:43%;}
.ddp-form-multy2 .ddp-ui-buttons {position:absolute; top:50%; right:0; margin-top:-11px;}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control {position:relative; float:left; margin-left:3px;}

.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control .ddp-ui-tooltip-info {display:none; top:22px; left:inherit; right:-10px;}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control:hover .ddp-ui-tooltip-info {display:block;}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:17px}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control .ddp-icon-control-close {position:relative; top:3px;}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control.ddp-disabled {opacity:0.3;}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control.ddp-disabled:after {display:inline-block; content:'';position:absolute; top:-3px; left:-3px; right:-3px; bottom:-3px; cursor: no-drop;}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control.ddp-disabled .ddp-ui-tooltip-info {display:none;}

.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control .ddp-wrap-popup2 {display:none; position:absolute; top:100%; right:0; margin-top:3px;}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-form-multy2 .ddp-ui-buttons .ddp-btn-control.ddp-selected .ddp-icon-control-more2:before {background-position-x:-3px;}

.ddp-form-multy2 .ddp-ui-calen {position:relative; float:right; width:43%; background-color:#fff;}

.ddp-form-multy2 .ddp-ui-calen .ddp-icon-type-calen2 {left:inherit; right:9px;}
.ddp-form-multy2 .ddp-ui-calen input.ddp-input-typebasic {padding-right:23px; width:100%; text-align:left; border:1px solid #d0d1d9; box-sizing:border-box;}
.ddp-form-multy2 .ddp-ui-calen input.ddp-input-typebasic:focus {border:1px solid #b7b9c2;}

.ddp-wrap-table-simple .ddp-table-thead {padding-right:18px; background-color:#e7e7eb;}
table.ddp-table-simple {table-layout:fixed; width:100%;}
table.ddp-table-simple tr th {position:relative; padding:2px 5px; color:#90969f; font-size:11px; text-align:left; font-weight:normal;}
table.ddp-table-simple tr th em[class*="ddp-icon-array-"] {display:inline-block;}
table.ddp-table-simple tr td {padding:5px 5px;text-align:left; color:#4b515b; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; cursor: pointer;}
table.ddp-table-simple tr td .ddp-icon-user-s,
table.ddp-table-simple tr td .ddp-icon-group-s {display:inline-block; margin-right:5px; width:17px; text-align:right;}
table.ddp-table-simple tr td .ddp-icon-user-s {position:relative; right:2px;}
table.ddp-table-simple tr td .ddp-icon-user-s:before,
table.ddp-table-simple tr td .ddp-icon-group-s:before {display:inline-block; content:''; width:8px; height:10px; background:url(../../images/icon_group.png) no-repeat; background-position:left -54px;}
table.ddp-table-simple tr td .ddp-icon-group-s:before {width:17px; height:11px; background-position:left -65px;}
table.ddp-table-simple tr td .ddp-ui-action {font-size:13px;white-space:nowrap; overflow:hidden;  text-overflow: ellipsis;}
table.ddp-table-simple tr td .ddp-ui-time {width:100%; color:#90969f; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-wrap-table-simple .ddp-table-tbody a.ddp-btn-more {display:inline-block; margin:10px 22px;color:#4b515b; font-size:12px; text-decoration: underline;}

.ddp-ui-query {display:table-cell; width:100%; height:100%; padding:0 13px 11px 2px;z-index:5; vertical-align:top; box-sizing:border-box;}
.ddp-ui-query-in {position:relative; width:100%; height:100%;}

.ddp-box-editer.ddp-full {position:fixed !important; left:13px !important; right:64px !important; bottom:2px !important; top:101px !important; height:auto !important; background-color:#fff; z-index:15;}
.ddp-box-editer.ddp-full .ddp-box-full {display:none;}
.ddp-box-editer.ddp-full .ddp-box-reduce {display:block;}
.ddp-box-editer {position:absolute; top:0; left:12px; right:13px; bottom:60%; padding-bottom:33px; border:1px solid #ddd; background-color:#fff; overflow:hidden;}
.ddp-wrap-tabs-edit {position:relative; height:33px; padding-right:33px; box-sizing:border-box; background-color:#fff; z-index:5;}
.ddp-wrap-tabs-edit:before {display:inline-block; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #ddd; content:'';}
.ddp-wrap-tabs-edit .ddp-wrap-btn {position:absolute; top:0; right:0;}
.ddp-wrap-tabs-edit .ddp-btn-reset {position:relative; float:left; width:32px; height:32px; cursor: pointer; border-left:1px solid #ddd;  background-color:#fff; z-index:1;}
.ddp-wrap-tabs-edit .ddp-btn-reset em.ddp-btn-reset2 {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}

.ddp-wrap-tabs-edit .ddp-btn-reset .ddp-ui-tooltip-info {display:none; top:40px; left:inherit; right:-11px;}
.ddp-wrap-tabs-edit .ddp-btn-reset:hover .ddp-ui-tooltip-info {display:block;}
.ddp-wrap-tabs-edit .ddp-btn-reset:hover em.ddp-btn-reset2 {background-position:-15px -34px;}

.ddp-wrap-tabs-query .ddp-wrap-btn {position:absolute; top:0; right:0;}
.ddp-wrap-tabs-query .ddp-btn-reset {position:relative; float:left; width:32px; height:32px; cursor: pointer; border-left:1px solid #ddd; background-color:#fff; z-index:1;}
.ddp-wrap-tabs-query .ddp-btn-reset em.ddp-btn-reset2 {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;}

.ddp-wrap-tabs-query .ddp-btn-reset .ddp-ui-tooltip-info {display:none; top:40px; left:inherit; right:-11px;}
.ddp-wrap-tabs-query .ddp-btn-reset:hover .ddp-ui-tooltip-info {display:block;}
.ddp-wrap-tabs-query .ddp-btn-reset:hover em.ddp-btn-reset2 {background-position:-15px -34px;}
.ddp-wrap-tabs-query .ddp-ui-result-none {padding:9px 10px; color:#b6b9c2; font-size:13px;}

.ddp-wrap-tabs-edit .ddp-btn-size {position:relative; float:left; width:33px; height:32px; border-left:1px solid #ddd; background-color:#fff; cursor:pointer; z-index:1;}
.ddp-box-editer .ddp-box-full {display:block;}
.ddp-box-editer .ddp-box-reduce {display:none;}
.ddp-wrap-tabs-edit .ddp-btn-size em.ddp-icon-fullsize,
.ddp-wrap-tabs-edit .ddp-btn-size em.ddp-icon-reducesize {display:inline-block; position:absolute; top:50%; left:50%; width:13px; height:13px; margin:-7px 0 0 -7px; background:url(../../images/btn_size.png) no-repeat;}
.ddp-wrap-tabs-edit .ddp-btn-size em.ddp-icon-reducesize {background-position:left -14px;}
.ddp-wrap-tabs-edit .ddp-btn-size:hover em.ddp-icon-fullsize {background-position:-14px 0;}
.ddp-wrap-tabs-edit .ddp-btn-size:hover em.ddp-icon-reducesize {background-position:-14px -14px;}
.ddp-wrap-tabs-edit .ddp-btn-size .ddp-ui-tooltip-info {display:none; top:40px; left:inherit; right:0;}
.ddp-wrap-tabs-edit .ddp-btn-size .ddp-ui-tooltip-info  em.ddp-icon-view-top {left:initial; right:15px;}
.ddp-wrap-tabs-edit .ddp-btn-size:hover .ddp-ui-tooltip-info {display:block;}

.ddp-ui-tabs .ddp-btn-prev {display:none; position:absolute; top:0; left:0; width:23px; height:33px; border-right:1px solid #ddd; background-color:#fff; z-index:1;}
.ddp-ui-tabs .ddp-btn-next {display:none; position:absolute; top:0; left:24px; width:23px; height:33px; border-right:1px solid #ddd; background-color:#fff; z-index:1;}
.ddp-wrap-querylist {position:absolute; top:0; left:0; z-index:10; white-space:nowrap;}
.ddp-ui-tabs.ddp-slide .ddp-btn-listslider {display:block;}
.ddp-btn-listslider {display:none;position:absolute; left:0; top:0;background-color:#fff; z-index:1;}
.ddp-btn-listslider .ddp-btn-sliderprev,
.ddp-btn-listslider .ddp-btn-slidernext {display:inline-block; float:left; position:relative; width:35px; height:33px; border:1px solid #ddd; box-sizing:Border-box;}
.ddp-btn-listslider .ddp-btn-slidernext {border-left:none;}
.ddp-btn-listslider .ddp-btn-sliderprev:before,
.ddp-btn-listslider .ddp-btn-slidernext:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-4px 0 0 -2px; width:4px; height:7px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -19px; content:'';}
.ddp-btn-listslider .ddp-btn-sliderprev {transform:rotate(180deg);}
.ddp-wrap-querylist .ddp-wrap-popup2 {display:none; width:182px; position:absolute; top:33px; left:0; box-sizing:border-box; overflow-y:auto;}
.ddp-wrap-querylist.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-wrap-querylist .ddp-wrap-popup2 a {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ddp-ui-tabs .ddp-btn-prev em.ddp-icon-prev,
.ddp-ui-tabs .ddp-btn-next em.ddp-icon-next{display:inline-block; position:absolute; top:50%; left:50%; width:4px; height:7px; margin:-4px 0 0 -2px; background:url(../../images/icon_slide.png) no-repeat;}
.ddp-ui-tabs .ddp-btn-next em.ddp-icon-next {background-position:-5px top;}
.ddp-ui-tabs .ddp-btn-prev:hover em.ddp-icon-prev  {background-position:0 -7px;}
.ddp-ui-tabs .ddp-btn-next:hover em.ddp-icon-next {background-position:-5px -7px;}

.ddp-ui-tabs.ddp-slide {padding:0 33px 0 70px;}
.ddp-ui-tabs.ddp-slide .ddp-btn-prev,
.ddp-ui-tabs.ddp-slide .ddp-btn-next {display:block;}
.ddp-ui-tabs {position:relative; display:inline-block; padding-right:33px; max-width:100%; box-sizing:border-box;}
.ddp-ui-tabs a.ddp-btn-plus {display:inline-block; position:absolute; top:0; right:0; width:33px; height:32px; border-right:1px solid #ddd; border-left:1px solid #ddd; background-color:#fff;}
.ddp-ui-tabs a.ddp-btn-plus:hover {background-color:#f9f9f9;}
.ddp-ui-tabs a.ddp-btn-plus em {position:absolute; top:50%; left:50%; display:inline-block; width:9px; height:9px; margin:-4px 0 0 -4px; background:url(../../images/btn_minus_plus.png) no-repeat; background-position:-20px -2px;}
.ddp-ui-tabs ul.ddp-list-tabs {height:32px; white-space:nowrap;}
.ddp-ui-tabs ul.ddp-list-tabs li {float:left; position:relative; height:32px; margin-bottom:2px; box-sizing:border-box;border-right:1px solid #ddd; cursor: pointer; vertical-align: top;}
.ddp-ui-tabs ul.ddp-list-tabs li:hover {background-color:#f9f9f9;}

.ddp-ui-tabs ul.ddp-list-tabs li.ddp-selected:before {display:inline-block; position:absolute; top:0; left:0; right:0; border-top:2px solid #4b515b; content:''; z-index:1;}
/*.ddp-ui-tabs ul.ddp-list-tabs li.ddp-selected:after {display:inline-block; position:absolute; bottom:-1px; left:0; right:0; border-bottom:1px solid #fff; content:''; z-index:1;}*/
.ddp-ui-tabs ul.ddp-list-tabs li.ddp-disabled {opacity:0.5; cursor:no-drop;}
.ddp-ui-tabs ul.ddp-list-tabs li.ddp-disabled:hover {background:none;}

.ddp-ui-tabs ul.ddp-list-tabs li .ddp-box-tabs-popup {display:none; position:absolute; bottom:100%; left:10px; width:300px; max-height:220px;border:1px solid #ddd; border-radius:2px; background-color:#fff; text-align:left; box-sizing:border-box; z-index:20; cursor:default;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-box-tabs-popup .ddp-txt-query {width:100%; max-height:220px; padding:15px; font-size:12px;  line-height:18px; white-space:normal; overflow:auto; box-sizing:border-box;}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-box-tabs-popup.ddp-retry .ddp-txt-query {max-height:174px;}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-box-tabs-popup.ddp-retry {padding-bottom:46px;}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-box-tabs-popup.ddp-retry .ddp-btn-log-status {position:absolute; bottom:13px; left:15px;}
@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}
@keyframes loaddot {
  from {width:0;}
  to {width:10px}
}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-data-loading {position:relative; min-width:110px; height:33px; color:#4b515b; font-size:12px; padding:10px 10px 9px 10px; box-sizing:border-box;}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-data-loading em.ddp-icon-tabloading {display:inline-block; position:relative; top:-1px;margin-right:5px; width:12px; height:12px; background:url(../../images/icon_tabloading.png) no-repeat; vertical-align: middle; animation-name: spin;animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-data-loading .ddp-icon-dot {display:inline-block; height:12px; margin-left:4px; color:#4b515b;  font-size:12px; overflow:hidden; animation-name: loaddot;animation-duration: 0.8s; vertical-align: bottom;
  animation-iteration-count: infinite;
  animation-timing-function: linear;}

.ddp-ui-tabs ul.ddp-list-tabs li .ddp-data-loading .ddp-btn-close-s {display:inline-block; width:7px; height:7px; position:absolute; top:50%; right:10px; margin-top:-4px; background:url(../../images/btn_sclose.png) no-repeat; background-position:left -69px; cursor: pointer;}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-data-tab {display:block; position:relative; padding:9px 25px 10px 7px; min-width:110px; max-width:220px; height:33px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; box-sizing:border-box;}
.ddp-ui-tabs ul.ddp-list-tabs li .ddp-data-tab .ddp-btn-close-s {display:inline-block; width:7px; height:7px; position:absolute; top:50%; right:10px; margin-top:-4px; background:url(../../images/btn_sclose.png) no-repeat; background-position:left -69px; cursor: pointer;}

.ddp-ui-tabs ul.ddp-list-tabs li .ddp-wrap-morebutton {position:absolute; top:50%; right:5px; margin-top:-9px;}
.ddp-ui-tabs ul.ddp-list-tabs li input.ddp-input-edit {display:none; width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; min-width:110px; padding:10px 10px 9px 10px; box-sizing:border-box; background:#fff; border:none;}
.ddp-ui-tabs ul.ddp-list-tabs li.ddp-edit input.ddp-input-edit {display:block;}
.ddp-pop-more {position:fixed;}

.ddp-wrap-editor {position:absolute; top:33px; left:0; right:0; bottom:41px; background-color:#fff; text-align:left; z-index:10; }
.ddp-ui-empty {padding:18px 20px; color:#b7b9c3; font-size:12px;}
.ddp-ui-empty2 {padding:15px 15px; color:#b7b9c3; font-size:12px;}
.ddp-ui-error-message {padding:15px 15px; color:#e70000; font-size:12px;}
.ddp-box-editer a.ddp-btn-beautifier {position:relative; float:left; width:32px; height:32px;  background:rgba(75,81,91,0.05); margin-right:2px;}
.ddp-box-editer a.ddp-btn-beautifier:hover .ddp-ui-tooltip-info {display:block;}
.ddp-box-editer a.ddp-btn-beautifier:before {display:inline-block; content:''; position:absolute; top:50%; left:50%; width:21px; height:18px; margin:-10px 0 0 -9px; background:url(../../images/icon_query.png) no-repeat; background-position:left -70px;}
.ddp-box-editer a.ddp-btn-beautifier:hover:before {background-position:-22px -70px;}

.ddp-box-editer .ddp-wrap-question {position:relative;float:left;}
.ddp-box-editer .ddp-wrap-question a.ddp-btn-question {position:relative; float:left; width:32px; height:32px; margin-left:3px;  background:rgba(75,81,91,0.05); margin-right:2px;}
.ddp-box-editer .ddp-wrap-question a.ddp-btn-question:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; width:16px; height:16px; background:url(../../images/icon_que.png) no-repeat; background-position:-17px -24px; content:'';}
.ddp-box-editer .ddp-wrap-question:hover a.ddp-btn-question:before,
.ddp-box-editer .ddp-wrap-question.ddp-selected a.ddp-btn-question:before {background-position-x:0;}
.ddp-box-editer .ddp-wrap-question .ddp-box-layout4 {display:none; position:fixed; top:100%; right:70px; width:420px;}
.ddp-box-editer .ddp-wrap-question.ddp-selected .ddp-box-layout4 {display:block;}

.ddp-ui-editor {width:100%; height:100%; padding:10px; box-sizing:border-box;}
.ddp-ui-editor:focus {border:none;}

.ddp-box-query-result {position:absolute; top:40%; left:12px; right:13px; bottom:2px; padding-top:0;}
.ddp-box-query-result .ddp-wrap-handler {display:block; position:absolute; top:0; left:0; right:0; height:14px;}
.ddp-box-query-result .ddp-wrap-handler em.ddp-icon-handler  {display:inline-block; position:absolute; top:50%; left:50%; width:20px; height:5px; margin:-3px 0 0 -10px; background:url(../../images/icon_handler.png) no-repeat;}
.ddp-box-query-result .ddp-box-in {position:relative; width:100%; height:100%; border:1px solid #ddd; background-color:#fff;}
.ddp-box-query-result .ddp-box-in .ddp-wrap-tabs-query {position:relative; height:33px; background-color:#fff; z-index:20;}
.ddp-box-query-result .ddp-box-in .ddp-wrap-tabs-query:before {display:inline-block; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #ddd; content:'';}
.ddp-box-query-result .ddp-box-in .ddp-ui-tabs {position:relative; height:33px; padding-right:0;}

.ddp-box-query-result .ddp-box-in .ddp-ui-tabs .ddp-btn-next {right:0;}
.ddp-box-query-result .ddp-view-result {position:absolute; top:33px; left:0; right:0; bottom:0; z-index:20;}
.ddp-box-query-result .ddp-wrap-result {position:absolute; top:0; left:0; right:0; bottom:0; padding-bottom:28px; background-color:#fff; z-index:10;}
.ddp-box-query-result .ddp-wrap-result .ddp-box-grid {padding:15px; width:100%; height:100%; line-height:18px;box-sizing:border-box; }
.ddp-box-query-result .ddp-wrap-result .ddp-box-grid .ddp-text-result.ddp-nodata {padding:15px;color:#b7bac1; font-size:13px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-setting {position:relative; z-index:2; background-color:#fff;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-setting .ddp-form-search {float:left;}

.ddp-box-query-result .ddp-ui-bottom-tab {float:left; z-index:3}
.ddp-box-query-result .ddp-ui-bottom-tab ul.ddp-list-bottom-tab li {float:left; height:28px;}
.ddp-box-query-result .ddp-ui-bottom-tab ul.ddp-list-bottom-tab li a {display:block; padding:6px 16px; color:#4b515b; font-size:13px;}
.ddp-box-query-result .ddp-ui-bottom-tab ul.ddp-list-bottom-tab li.ddp-selected a {background-color:#fff; font-weight:bold; border:1px solid #d0d1d8; border-top:none; border-bottom:none;}
.ddp-box-query-result .ddp-wrap-log {position:relative; padding-bottom:28px; height:100%; background-color:#35393f; box-sizing:border-box;}
.ddp-box-query-result .ddp-wrap-log.ddp-ing {padding-bottom:95px;}
.ddp-box-query-result .ddp-box-log {position:relative; padding:15px 16px; height:100%; color:#b6b9c2; font-size:12px; line-height:18px; overflow:auto; box-sizing:border-box;}

.ddp-box-query-result .ddp-box-log::-webkit-scrollbar-track{background:#3f4349;}
.ddp-box-query-result .ddp-box-log::-webkit-scrollbar-thumb{border:4px solid #3f4349; background-color:#6d7179}
.ddp-box-query-result .ddp-wrap-log span.ddp-txt-info {font-size:12px; line-height:18px;color:#26c9ff;}
.ddp-box-query-result .ddp-wrap-log span.ddp-txt-error {font-size:12px; line-height:18px; color:#ff3b3b;}
.ddp-box-query-result .ddp-wrap-log span.ddp-txt-warn {font-size:12px; line-height:18px; color:#fff726;}
.ddp-box-query-result .ddp-wrap-log span.ddp-txt-type-a {font-size:12px;line-height:18px; color:#f5a837;}
.ddp-box-query-result .ddp-wrap-log span.ddp-txt-type-b {font-size:12px; line-height:18px;color:#a6ce4e;}
.ddp-box-query-result .ddp-wrap-log span.ddp-txt-type-c {font-size:12px; line-height:18px;color:#9983fc;}

.ddp-box-query-result .ddp-box-infobar {position:absolute; bottom:0; left:0; right:0; height:27px;border-top:1px solid #d0d1d8; background:#e7e7ea; z-index:30;}
.ddp-box-query-result .ddp-view-status {display:block; position:relative; overflow:hidden;}
.ddp-box-query-result .ddp-view-status.ddp-fail {height:29px; margin-top:-1px;background:#f8dbdc;}
.ddp-box-query-result .ddp-view-status.ddp-fail:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ea9295; content:'';}
.ddp-box-query-result .ddp-list-time {position:absolute; top:0; right:0; padding:6px 4px 6px 0; }
.ddp-box-query-result .ddp-list-time .ddp-data-time {position:relative; padding:0 11px;}
.ddp-box-query-result .ddp-list-time .ddp-data-time:before {display:inline-block;position:absolute; top:50%; left:0; margin-top:-7px; height:15px; border-left:1px solid #cdcfd3; content:'';}
.ddp-box-query-result .ddp-box-infobar .ddp-list-time .ddp-data-time .ddp-data-label {padding-right:9px; color:#4b515b; font-size:12px; opacity:0.5;}
.ddp-box-query-result .ddp-box-infobar .ddp-list-time .ddp-data-time .ddp-data-txt {color:#4b515b; font-size:12px;}
.ddp-box-query-result .ddp-box-infobar .ddp-info-status {display:inline-block; position:relative; margin:6px 0 6px 15px; color:#4b515b; font-size:12px; overflow:hidden;}
.ddp-box-query-result .ddp-box-infobar .ddp-info-status.ddp-fail {padding-left:19px;}
.ddp-box-query-result .ddp-box-infobar .ddp-info-status.ddp-fail {color:#e35252;}
.ddp-box-query-result .ddp-box-infobar .ddp-info-status.ddp-fail:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; width:13px; height:13px; background:url(../../images/icon_fail.png) no-repeat; content:'';}

.ddp-box-query-result .ddp-box-status-button {position:absolute; bottom:39px; left:10px; right:10px; padding:13px 15px; height:56px; border-radius:3px; background-color:#f6f6f7; box-sizing:border-box;}
.ddp-box-query-result .ddp-btn-log-status {display:inline-block; position:relative; padding:7px 11px; min-width:72px; margin-right:14px; border-radius:2px; background-color:#90969f; box-sizing:border-box; color:#fff; font-size:12px; text-align:center;}
.ddp-box-query-result .ddp-btn-log-status.ddp-retry {padding-left:32px; background-color:#dc494f;}
.ddp-box-query-result .ddp-btn-log-status.ddp-retry:before {display:inline-block; position:absolute; top:50%; left:12px; margin-top:-6px; width:13px; height:12px; background:url(../../images/btn_refresh.png) no-repeat; background-position:left -63px; content:''; vertical-align:middle;}
.ddp-box-query-result .ddp-btn-log-status.ddp-retry2 {padding-left:32px;}
.ddp-box-query-result .ddp-btn-log-status.ddp-retry2:before {display:inline-block; position:absolute; top:50%; left:12px; margin-top:-6px; width:13px; height:12px; background:url(../../images/btn_refresh.png) no-repeat; background-position:left -63px; content:''; vertical-align:middle;}
.ddp-box-query-result .ddp-wrap-log .ddp-box-status-button .ddp-txt-log-status {color:#4b515b; font-size:13px;}
.ddp-box-query-result .ddp-wrap-log .ddp-box-status-button .ddp-txt-log-status.ddp-fail {color:#dc494f;}

.ddp-btn-allcheck {float:left; margin:9px 0 0 12px;  color:#b7b9c2; font-size:12px; text-decoration:underline;}
.ddp-btn-allcheck:before {display:inline-block; width:8px; height:6px; margin-right:5px; background:url(../../images/icon_select2.png) no-repeat; background-position:-47px -7px; content:'';}

.ddp-btn-allcheck:hover {color:#4b515b;}
.ddp-btn-allcheck:hover:before {background-position:-47px top;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons {position:absolute; bottom:40px; right:10px;  float:right; padding:10px 0 0 0;}
.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link {float:left;border:1px solid #b6b9c2; border-radius:2px; background-color:#fff;}

.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link.type-opacity {opacity:0.2;}
.ddp-wrap-btn-link.type-opacity a.ddp-btn-link.ddp-selected .ddp-box-searching {opacity:1;}
.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link + .ddp-wrap-btn-link {margin-left:9px;}
.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link .ddp-box-page {float:left; width:75px; height:30px; margin-top:0; padding:8px 0; color:#90969f; font-size:13px; text-align:center; box-sizing:border-box; border:none;}
.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link .ddp-box-page + .ddp-box-page {border-left:1px solid #b6b9c2}
.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link .ddp-box-page:hover {background-color:#e7e7ea;}
.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link .ddp-box-page .ddp-icon-prev,
.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link .ddp-box-page .ddp-icon-next{display:inline-block; width:4px; height:7px; margin-right:5px; background:url(../../images/icon_page2.png) no-repeat; transform:rotate(180deg); vertical-align:middle; content:'';}
.ddp-box-query-result .ddp-wrap-result .ddp-wrap-btn-link .ddp-box-page .ddp-icon-next {margin-left:5px; margin-right:0; transform:rotate(0);}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link {position:relative; float:left; width:30px; height:30px; color:#90969f; font-size:12px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link:hover {background:#e7e7ea;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link .ddp-ui-tooltip-info {display:none; bottom:100%; top:inherit; right:-15px; left:inherit; margin-bottom:8px;white-space:nowrap;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link:hover .ddp-ui-tooltip-info {display:block; }
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link .ddp-ui-tooltip-info .ddp-icon-view-down {left:inherit; right:29px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link:hover {color:#4b515b;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link.ddp-disabled {opacity:0.5; cursor: no-drop;}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link.ddp-selected {background-color:#e7e7ea}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link.ddp-selected .ddp-ui-tooltip-info {display:none;}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link.ddp-value:after {display:Inline-block; width:5px; height:5px;  position:absolute; top:5px; right:5px;background:#707cc4; border-radius:50%; content:'';}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link.ddp-selected .ddp-box-searching {display:block;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link .ddp-box-searching {display:none; position:absolute; bottom:100%; margin-bottom:7px; padding:12px 17px; right:-20px; border-radius:4px; background-color:#fff;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.7); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.7); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.7); /* drop shadow */}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link .ddp-box-searching .ddp-form-search {width:278px;}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box {display:inline-block; position:relative; top:-6px; width:25px; height:25px; margin-left:13px; border-radius:2px; border:1px solid #ccc; box-sizing:border-box;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box:hover {border:1px solid #8f96a0;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box .ddp-icon-cancel,
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box .ddp-icon-result-grid,
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box .ddp-icon-result-list{display:inline-block;  width:16px; height:16px;position:absolute; top:50%; left:50%; margin:-8px 0 0 -7px; background:url(../../images/icon_query.png) no-repeat; background-position:left -139px;}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box:hover .ddp-icon-cancel { background-position-x:-17px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box .ddp-icon-result-grid {margin:-6px 0 0 -7px;background-position:left -156px;}
.ddp-box-query-result .ddp-wrap-result  .ddp-ui-buttons a.ddp-btn-box .ddp-icon-result-list {margin:-5px 0 0 -6px; width:15px; height:14px;background-position:left -173px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box:hover .ddp-icon-result-grid {background-position-x:-17px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box:hover .ddp-icon-result-list {background-position-x:-16px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box:hover .ddp-ui-tooltip-info {display:block; top:100%; left:inherit; right:-10px; margin-top:8px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-box .ddp-ui-tooltip-info .ddp-icon-view-top {right:18px; left:inherit; margin:0;}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons .ddp-ui-link {position:relative; float:left;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons .ddp-ui-link.ddp-selected {background-color:#e7e7ea;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons .ddp-ui-link.ddp-selected .ddp-wrap-popup2 {display:block; position:absolute; bottom:100%; right:-20px; margin-top:5px; white-space:nowrap;}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons .ddp-ui-link.ddp-selected .ddp-ui-tooltip-info {display:none !important;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons .ddp-ui-link .ddp-wrap-popup2 {display:none;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons .ddp-ui-link.ddp-selected  .ddp-wrap-popup2 {display:block;}

.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link > [class*="ddp-icon-"]{position:absolute; top:50%; left:50%;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link em.ddp-icon-chart {margin:-6px 0 0 -7px; background-position-x:-30px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link em.ddp-icon-save {margin:-7px 0 0 -8px;background-position-x:-32px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link em.ddp-icon-export {margin:-7px 0 0 -7px; background-position-x:-28px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link em.ddp-icon-online-excel {margin:-7px 0 0 -7px;background-position-x:-28px;}
.ddp-box-query-result .ddp-wrap-result .ddp-ui-buttons a.ddp-btn-link em.ddp-icon-query-search {margin:-7px 0 0 -7px;}
em.ddp-icon-query-search,
em.ddp-icon-chart,
em.ddp-icon-save,
em.ddp-icon-excel,
em.ddp-icon-query-info,
em.ddp-icon-export,
em.ddp-icon-online-excel {display:inline-block; position:relative; top:-1px; background:url(../../images/icon_query.png) no-repeat; vertical-align: middle;}
em.ddp-icon-chart {width:14px; height:13px;}
em.ddp-icon-save {width:15px; height:14px; background-position:left -89px;}
em.ddp-icon-online-excel {width:13px; height:14px; background-position:left -104px;}
em.ddp-icon-query-search{width:14px; height:14px; background-position:left -188px;}
/*****************************************************************
	워크벤치 테이블리스트팝업
***********************************************************************/
.ddp-ui-benchtable {float:left; position:relative; width:45%; height:100%; background-color:#2f3339;}
.ddp-ui-benchtable .ddp-ui-table-name {position:relative; padding:15px 35px 15px 15px; font-size:13px; color:#d0d1d8; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; background-color:#35393f;}
.ddp-ui-benchtable .ddp-ui-table-name a.ddp-btn-close {display:inline-block; position:absolute; top:17px; right:15px; width:11px; height:11px; background:url(../../images/btn_close.png) no-repeat; background-position:-12px -58px;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-ui-label {padding:10px 15px 7px 15px; color:#d0d1d8; font-size:12px;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-ui-label .ddp-form-search {margin:5px 0 0 0; width:100%;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-ui-label .ddp-form-search input {border-bottom:1px solid #656971; color:#fff;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-ui-label .ddp-form-search .ddp-btn-search-close:before {background-position-x:-8px;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column {position:absolute; top:113px; left:0; right:0; bottom:0; overflow:auto;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column::-webkit-scrollbar-track {background:#3f4349;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column::-webkit-scrollbar-thumb {border:4px solid #3f4349; background-color:#6d7179}

.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column li {}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column li a {position:relative; display:block; padding:5px 35px 5px 15px; }
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column li a:hover {background-color:#4b515b;}

.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column li a .ddp-data-char {color:#d0d1d8; font-size:13px;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column li a .ddp-data-columnname {color:#90969f; font-size:11px;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column li a em.ddp-btn-more {display:none; position:absolute; top:50%; right:15px; margin-top:-5px; width:9px; height:9px; background:url(../../images/icon_add.png) no-repeat; background-position:-40px top;}
.ddp-ui-benchtable .ddp-ui-columnlist .ddp-list-column li a:hover em.ddp-btn-more {display:block;}
.ddp-wrap-workbench .handle[_ngcontent-c4] {background-color:#e7e7ea;}

/**************************************************************
  Page : 워크벤치 상세 스키마
**************************************************************/
.popup-workbench {}
.popup-workbench .ddp-wrap-list .ddp-ui-dataname .ddp-top-title {padding-left:30px;}

.popup-workbench .ddp-db-icons {position:absolute; top:-2px; left:0; width:24px; height:24px;}
.popup-workbench .ddp-db-icons [class*="ddp-icon-data-"]{display:inline-block; background:url(../../images/icon_dbtype_s.png) no-repeat;}

.popup-workbench .ddp-db-icons .ddp-icon-data-sql {width:19px; height:22px; background-position:left -22px;}
.popup-workbench .ddp-db-icons .ddp-icon-data-tibero {width:19px; height:22px; background-position:left -135px;}
.popup-workbench .ddp-db-icons .ddp-icon-data-oracle {width:21px; height:21px; background-position:left top;}
.popup-workbench .ddp-db-icons .ddp-icon-data-db {width:16px; height:19px; background-position:left -158px;}
.popup-workbench .ddp-db-icons .ddp-icon-data-phoenix {width:16px; height:24px; background-position:left -110px;}
.popup-workbench .ddp-db-icons .ddp-icon-data-post {width:22px; height:22px; background-position:left -45px;}
.popup-workbench .ddp-db-icons .ddp-icon-data-hive {width:24px; height:22px; background-position:left -68px;}
.popup-workbench .ddp-db-icons .ddp-icon-data-presto {width:20px; height:17px; background-position:left -91px;}

.popup-workbench.ddp-column-detail .ddp-wrap-list .ddp-ui-title.ddp-bottom {padding-top:20px; padding-bottom:0; border:none;}

.popup-workbench .ddp-wrap-list-search {padding:0 18px; margin:0 -16px; }
.popup-workbench .ddp-wrap-list-search .ddp-ui-list-search {position:relative; padding-left:22px; overflow:hidden;}
.popup-workbench .ddp-wrap-list-search .ddp-ui-list-search:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px;width:11px; height:11px; background:url(../../images/icon_search.png) no-repeat; background-position:-12px 0; content:'';}
.popup-workbench .ddp-wrap-list-search .ddp-ui-list-search input {display:block; width:100%; padding:19px 0 19px 0; background:none; border:none; font-size:13px;}
.popup-workbench .ddp-wrap-list-search .ddp-ui-list-search .ddp-btn-search-close {display:inline-block; padding:5px; position:absolute; top:50%; right:10px; margin-top:-8px; cursor:pointer; font-size:0;}
.popup-workbench .ddp-wrap-list-search .ddp-ui-list-search .ddp-btn-search-close:before {display:inline-block; width:7px; height:7px; background:url(../../images/btn_sclose.png) no-repeat; background-position:-8px -38px; content:'';}
.popup-workbench .ddp-wrap-list-search a.ddp-btn-refresh {float:right; position:relative; top:21px; width:13px; height:12px; background:url(../../images/icon_refresh2.png) no-repeat; background-position:-28px top;}
.popup-workbench .ddp-wrap-list-search a.ddp-btn-refresh:hover {background-position:-42px top;}
.popup-workbench .ddp-tablelist-header {padding:0 0; height:27px; margin:0 -16px;border-top:1px solid #e7e7ea; border-bottom:1px solid #e7e7ea; box-sizing:border-box;}
.popup-workbench .ddp-tablelist-header .ddp-table-num {float:right; padding:3px 18px 3px 0; position:relative; top:2px; font-size:12px; color:#4b515b; font-weight:300;}
.popup-workbench .ddp-tablelist-header .ddp-table-num span.ddp-number {font-weight:normal;}
.popup-workbench .ddp-tablelist-header .ddp-table-title {display:inline-block; padding:3px 0 3px 18px; color:#90969f; font-size:12px; font-weight:normal; overflow:Hidden; box-sizing:border-box; cursor:pointer;}
.popup-workbench .ddp-tablelist-header .ddp-table-title [class*="ddp-icon-sort"] {display:inline-block; position:relative; width:19px; height:19px; font-size:0; vertical-align: middle;}
.popup-workbench .ddp-tablelist-header .ddp-table-title [class*="ddp-icon-sort"]:before {display:inline-block; position:absolute; top:50%; left:50%; width:7px; height:10px; margin:-5px 0 0 -4px; background:url(../../images/icon_sorting.png);content:'';}
.popup-workbench .ddp-tablelist-header .ddp-table-title .ddp-icon-sort-asc:before {background-position:-8px top;}
.popup-workbench .ddp-tablelist-header .ddp-table-title .ddp-icon-sort-des:before {background-position:-16px top;}

.popup-workbench .ddp-pop-wrapList {top:214px;}
.ddp-pop-preview.ddp-type-scheme.popup-workbench .ddp-type-top-option .ddp-ui-tab-contents .ddp-wrap-searching {padding:0 15px;}
.popup-workbench .ddp-ui-tab-contents .ddp-wrap-list-search .ddp-ui-list-search input {padding:14px 0 14px 0;}
.popup-workbench .ddp-wrap-detail-column {position:absolute; top:44px; left:0; right:0; bottom:0; padding:10px 30px 0 30px; overflow:auto;}
.popup-workbench.ddp-column-detail .ddp-ui-detail {border-top:none;}
.popup-workbench .ddp-ui-preview-contents .ddp-ui-detail + .ddp-ui-detail .ddp-ui-title {padding-top:0;}

/***********************************************************************
	쿼리 결과
***********************************************************************/
em.ddp-icon-excel {width:12px; height:13px; background-position:left -28px;}
em.ddp-icon-export {width:13px; height:13px; background-position:left -56px;}

/**********************************************************************************
	page : 데이터 저장소
**********************************************************************************/
table.ddp-table-form tr td span.ddp-data-group {margin-right:16px;}
table.ddp-table-form tr td span.ddp-data-group em.ddp-icon-group-s2,
table.ddp-table-form tr td span.ddp-data-group em.ddp-icon-user-s2 {margin-right:4px;}

.ddp-ui-info-det2 {color:#90969f; font-size:14px;}
.ddp-ui-info-det2 em.ddp-icon-sinfo2 {vertical-align: middle; margin-right:5px;}

/**********************************************************************************
	page : 데이터 저장소 db edit order
**********************************************************************************/
.ddp-ui-filter-order {position:relative; width:100%; height:100%;}
.ddp-ui-filter-order .ddp-data-filter {padding:7px 13px; color:#90969f; font-size:12px; border-top:1px solid #d0d1d8; border-bottom:1px solid #d0d1d8; }

.ddp-ui-filter-order ul.ddp-list-filter-order {position:absolute; top:50px; left:0; right:0; bottom:16px; overflow-y:auto;}
.ddp-ui-filter-order ul.ddp-list-filter-order li {position:relative; padding:12px 0 13px 135px; cursor: pointer;}
.ddp-ui-filter-order ul.ddp-list-filter-order li:hover {background-color:#f6f6f7;}
.ddp-ui-filter-order ul.ddp-list-filter-order li .ddp-data-no {position:absolute; top:50%; left:16px; margin-top:-10px; font-size:13px; color:#4b515b;}
.ddp-ui-filter-order ul.ddp-list-filter-order li span.ddp-data-tag {display:inline-block;  position:absolute; top:50%; left:45px; margin-top:-11px; width:80px; text-align:center;}
.ddp-ui-filter-order ul.ddp-list-filter-order li span.ddp-box-tag-value,
table.ddp-table-type2 tr td span.ddp-box-tag-value {display:inline-block; width:70px; padding:2px 3px 1px 3px; border-radius:1px; font-size:12px; box-sizing:border-box;text-align:center;}
.ddp-ui-filter-order ul.ddp-list-filter-order li span.ddp-box-tag-value.ddp-dimension,
table.ddp-table-type2 tr td span.ddp-box-tag-value.ddp-dimension {color:#439fe5; border:1px solid #439fe5;}
.ddp-ui-filter-order ul.ddp-list-filter-order li span.ddp-box-tag-value.ddp-measure,
table.ddp-table-type2 tr td span.ddp-box-tag-value.ddp-measure {color:#5fd7a5; border:1px solid #5fd7a5;}
table.ddp-table-type2 tr td .ddp-ui-selected-option.ddp-selected span.ddp-link-text span.ddp-wrap-icons {background-color:#e8e9ea;}
table.ddp-table-type2 tr td .ddp-icon-error2 {}
table.ddp-table-type2 tr td.ddp-info {padding-right:30px;}
table.ddp-table-type2 tr td.ddp-info.ddp-cursor-default:hover {background:none !important; border-color:none !important;}
table.ddp-table-type2 tr td.ddp-info .ddp-ui-info {position:absolute; top:50%; right:9px; margin-top:-7px; cursor:pointer; font-size:0;}
table.ddp-table-type2 tr td.ddp-info .ddp-ui-info .ddp-icon-error2 {position:relative; top:0;}
table.ddp-table-type2 tr td.ddp-info .ddp-ui-info.ddp-selected .ddp-box-layout4.type-time {display:block; z-index:23;}
table.ddp-table-type2 tr td.ddp-info .ddp-ui-info .ddp-box-layout4.type-time {display:none; width:330px; position:absolute; top:100%; right:-30px; margin-top:5px;}
table.ddp-table-type2 tr td.ddp-info .ddp-ui-info.ddp-selected .ddp-icon-sinfo2 {background-position:-28px -30px; }
.ddp-box-layout4.type-time .ddp-wrap-edit3 + .ddp-wrap-edit3{margin-top:20px;}
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-ui-label-name {position:relative;margin-bottom:10px; color:#4a515c;}
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info .ddp-box-layout4 {position:absolute; top:100%; right:-20px; left:inherit; margin-top:5px;}
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info:hover .ddp-box-layout4 {display:block !important;}
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-view-label {position:relative; }
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-type-format {position:absolute; top:0; right:0;}
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-type-format .ddp-label-checkbox span.ddp-txt-checkbox {color:#90969f;}
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-ui-option-in {padding:0 0 0 13px;}
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-ui-option-in .ddp-list-checktype {padding:5px 0 0 0;}
.ddp-box-layout4.type-time .ddp-wrap-edit3 .ddp-ui-option-in .ddp-list-checktype li + li {margin-top:6px;}
.ddp-box-layout4.type-time .ddp-wrap-edit3.type-det {color:#4a515c; font-size:13px; margin-bottom:0; min-height:auto;}
.ddp-box-layout4.type-time .ddp-wrap-edit3.type-det .ddp-txt-det {margin-left:10px;}
.ddp-box-layout4.type-time .ddp-data-title{position:relative; font-size:14px;}
.ddp-box-layout4.type-time .ddp-data-title .ddp-txt-error {position:absolute; bottom:0; left:14px; font-weight:normal; }

.ddp-ui-filter-order ul.ddp-list-filter-order li span.ddp-data-name {position:relative; display:block; padding-left:20px; font-size:13px; color:#4b515b; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap: normal;}
.ddp-ui-filter-order ul.ddp-list-filter-order li span.ddp-data-name em[class*="ddp-icon-type"] {position:absolute; left:0; top:8px;}

/**********************************************************************************
	page : 데이터 저장소 myfile 스키마설정
**********************************************************************************/
.ddp-box-popupcontents3 {width:1192px; margin:0 auto; text-align:left;}
.ddp-box-popupcontents3 .ddp-set-message
{padding:25px 0 0 0;text-align:center; color:#90969f; font-size:14px;}
.ddp-box-popupcontents3 .ddp-set-message a.ddp-link {color:#4c92e0; font-size:14px; font-style:italic; text-decoration:underline;}
.ddp-type-top-option .ddp-ui-rightoption .ddp-label-checkbox span.ddp-txt-checkbox {font-size:13px;}

.ddp-link-toggle {padding:7px 11px; color:#90969f; font-size:13px; border-radius:2px; background-color:#f6f6f7;}
.ddp-link-toggle em.ddp-icon-recommend {margin-right:5px; vertical-align: middle;}
.ddp-link-toggle.ddp-selected {color:#4c515a; background-color:#e7e7ea;}
.ddp-link-toggle.ddp-selected em.ddp-icon-recommend {background-position:-36px top;}

table.ddp-table-form tbody tr td .ddp-td-schema {display:block; position:relative; overflow:hidden;}
table.ddp-table-form tbody tr td .ddp-txt-icon {display:inline-block;position:relative; padding-left:30px;}
table.ddp-table-form tbody tr td .ddp-btn-solid2 {margin:-4px 0;}
table.ddp-table-form tbody tr td .ddp-td-schema span.ddp-box-tag-value {float:left; padding:2px 3px 3px 3px; border-radius:1px; font-size:12px;}
table.ddp-table-form tbody tr td .ddp-td-schema span.ddp-box-tag-value.ddp-dimension {width:70px; text-align:center; color:#439fe5; border:1px solid #439fe5; box-sizing:border-box;}
table.ddp-table-form tbody tr td .ddp-td-schema span.ddp-box-tag-value.ddp-measure {width:70px; text-align:center; color:#5fd7a5; border:1px solid #5fd7a5; box-sizing:border-box;}
table.ddp-table-form tbody tr td .ddp-wrap-value-icon {position:relative; float:right; min-height:15px; margin-left:5px;margin-top:4px;}
table.ddp-table-form tbody tr td .ddp-wrap-value-icon [class*="ddp-icon-"] {float:left; margin-left:8px;}
table.ddp-table-form tbody tr td .ddp-wrap-value-icon .ddp-wrap-datarecommend {float:left; margin-left:10px;}
table.ddp-table-form tbody tr td .ddp-wrap-value-icon.ddp-type {padding-right:15px;}
table.ddp-table-form tbody tr td .ddp-wrap-value-icon .ddp-btn-revival {float:left; position:relative; top:-2px; padding: 3px 4px; margin-left:8px; background-color:#e7e7ea; border-radius:2px; color:#4b515b; font-size:12px; vertical-align:middle; line-height:1em; z-index:10;}
table.ddp-table-form tbody tr td .ddp-wrap-value-icon .ddp-btn-revival:hover {background-color:#d0d1d8;}
table.ddp-table-form tbody tr td .ddp-wrap-value-icon .ddp-btn-revival .ddp-icon-time-s {display:inline-block; width:14px; height:13px; margin-right:5px; margin-left:0; background:url(../../images/icon_return.png) no-repeat; background-position:left -20px; vertical-align:middle;}
table.ddp-table-form tbody tr td .ddp-td-schema a.ddp-btn-box {display:inline-block; position:absolute; top:50%; right:0; margin-top:-10px; padding:3px 4px; border-radius:2px; background-color:#e7e7ea; color:#4b515b; font-size:12px; font-style:italic; z-index:3;}
table.ddp-table-form tbody tr td .ddp-td-schema a.ddp-btn-box:hover {background-color:#d0d1d8;}

table.ddp-table-form tbody tr td .ddp-type-icon {float:left; width:43px; height:22px;; position:relative;}
table.ddp-table-form tbody tr td .ddp-type-icon em[class*="ddp-icon-type"],
table.ddp-table-form tbody tr td .ddp-type-icon em[class*="ddp-icon-dimension"],
table.ddp-table-form tbody tr td .ddp-type-icon em[class*="ddp-icon-measure"] {position:absolute; top:50%; left:50%; margin-left:-7px; margin-top:-6px;}
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-dimension-ab,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-dimension-maplink,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-measure-ab,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-measure-maplink,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-type-ab,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-type-maplink {margin-top:-5px;}

table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-dimension-sharp,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-dimension-float,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-dimension-tf,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-dimension-int,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-measure-sharp,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-measure-float,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-measure-tf,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-measure-int,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-type-sharp,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-type-float,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-type-tf,
table.ddp-table-form tbody tr td .ddp-type-icon em.ddp-icon-type-int  {margin-top:-4px;}

table.ddp-table-form tbody tr td .ddp-form-name {display:block; position:relative; padding:3px 0px 3px 0; overflow:hidden; font-size:0; }
table.ddp-table-form tbody tr td .ddp-form-name .ddp-data-name {position:relative; display:inline-block; padding-right:16px; max-width:100%; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; vertical-align:top;}
table.ddp-table-form tbody tr td .ddp-form-name .ddp-data-name.ddp-padd0 {padding-right:0;}

table.ddp-table-form tbody tr td .ddp-form-name:hover + .ddp-ui-tooltip-info {display:block; top:100%; left:0; white-space:normal;}

table.ddp-table-form tbody tr td .ddp-td-schema:hover + .ddp-ui-tooltip-info {display:block; top:100%; left:100px; width: max-content; min-width:100px; max-width:200px; white-space:normal;}
table.ddp-table-form tbody tr td .ddp-td-schema:hover + .ddp-ui-tooltip-info.ddp-top {top:inherit;}
table.ddp-table-form tbody tr td .ddp-td-schema  +.ddp-ui-tooltip-info  em.ddp-icon-view-top {left:inhert; right:1px;}
table.ddp-table-form tbody tr td .ddp-td-schema + .ddp-ui-tooltip-info em.ddp-icon-view-top {left:45px;}
table.ddp-table-form tbody tr td .ddp-td-schema + .ddp-ui-tooltip-info.ddp-left {left:0;}
table.ddp-table-form tbody tr td .ddp-td-schema + .ddp-ui-tooltip-info.ddp-type {left:20px;}
table.ddp-table-form tbody tr td .ddp-td-schema + .ddp-ui-tooltip-info.ddp-left2 {max-width:400px;}
table.ddp-table-form tbody tr td .ddp-td-schema + .ddp-ui-tooltip-info.ddp-left2 em.ddp-icon-view-top {left:42px}
table.ddp-table-form tbody tr td .ddp-txt-edit {float:left; margin-left:0; position:relative;}
table.ddp-table-form tbody tr td .ddp-txt-edit a.ddp-icon-edit {display:inline-block; width:13px; height:13px; background:url(../../images/icon_edit2.png) no-repeat; background-position:left -34px;}
table.ddp-table-form tbody tr td .ddp-txt-edit .ddp-wrap-input {display:none; position:absolute; top:1px; right:-15px; left:inherit;min-width:382px; z-index:10;}
table.ddp-table-form tbody tr td .ddp-txt-edit .ddp-wrap-input.ddp-type {bottom:100%; margin-top:0; margin-bottom:7px; top:inherit;}
table.ddp-table-form tbody tr td .ddp-txt-edit .ddp-wrap-input.type-input {min-width:161px;}
table.ddp-table-form tbody tr td .ddp-txt-edit .ddp-wrap-input.type-file{min-width:495px;}
table.ddp-table-form tbody tr td .ddp-txt-edit.ddp-selected .ddp-wrap-input {display:block;}
table.ddp-table-form tbody tr td .ddp-txt-edit.ddp-selected .ddp-wrap-input input {padding:5px 0 6px 0;}
table.ddp-table-form tbody tr td .ddp-txt-edit.ddp-selected + .ddp-wrap-datarecommend,
table.ddp-table-form tbody tr td .ddp-txt-edit.ddp-selected + .ddp-icon-time {display:none;}
table.ddp-table-form tbody tr td em.ddp-icon-error2 {position:absolute; right:0; top:1px; }

table.ddp-table-form tbody tr td .ddp-txt-error-type {display:inline-block; max-width:100%;
  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
table.ddp-table-form tbody tr td .ddp-txt-error-type .ddp-icon-error2 {position:relative; top:0; left:0;float:right; margin-left:4px;}
table.ddp-table-form tbody tr td .ddp-txt-error-type .ddp-txt-data {}

table.ddp-table-view thead tr th {position:relative; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
table.ddp-table-view thead tr th a.ddp-link-filter {position:absolute; top:4px; right:3px; display:inline-block; padding:3px 4px; color:#4c515a; font-size:12px; font-style:italic; background-color:#f3f3f4;}
table.ddp-table-view thead tr th a.ddp-link-filter:hover {background-color:#e7e7ea;}

table.ddp-table-view tbody tr td {padding:3px 10px 4px 10px;  cursor: pointer; border-right:1px solid #e7e7ea;}
table.ddp-table-view tbody tr td:last-of-type {border-right:none;}

table.ddp-table-view tbody tr:hover td {background-color:#f0f0f2;}
table.ddp-table-view tbody tr td .ddp-icon-view  {display:none; content:''; width:6px; height:11px; position:absolute; top:50%; right:0; margin-top:-6px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -68px;}

table.ddp-table-view tbody tr:hover td .ddp-icon-view {display:block;}
table.ddp-table-view tbody tr.ddp-selected td {background-color:#f2f1f8;}

table.ddp-table-view tbody tr.ddp-selected td {padding:2px 10px 3px 10px; border-top:1px solid #666eb2; border-bottom:1px solid #666eb2;}
table.ddp-table-view tbody tr.ddp-selected td:first-of-type {padding-left:9px; border-left:1px solid #666eb2;}
table.ddp-table-view tbody tr.ddp-selected td:last-of-type {padding-right:9px; border-right:1px solid #666eb2;}

table.ddp-table-view tbody tr.ddp-selected td .ddp-icon-view {display:block; }
table.ddp-table-form tbody tr.ddp-disabled em.ddp-icon-view {display:none;}
table.ddp-table-form tbody tr.ddp-disabled .ddp-ui-checkbox {display:none;}

table.ddp-table-form tbody tr.ddp-disabled:nth-child(odd) td {background-color:#fafafa;}
table.ddp-table-form tbody tr.ddp-disabled:nth-child(even) td {background-color:#fff;}

table.ddp-table-form tbody tr.ddp-disabled:nth-child(odd) td:first-of-type {border-left:1px solid #fafafa;}
table.ddp-table-form tbody tr.ddp-disabled:nth-child(odd) td:last-of-type {border-right:1px solid #fafafa;}

table.ddp-table-form tbody tr.ddp-disabled.ddp-selected:nth-child(odd) td:first-of-type {border-left:1px solid #666eb2;}
table.ddp-table-form tbody tr.ddp-disabled.ddp-selected:nth-child(odd) td:last-of-type {border-right:1px solid #666eb2;}

.ddp-box-viewtable .ddp-ui-gridbody.ddp-action {bottom:103px;}
.ddp-box-schema.ddp-box-full .ddp-wrap-fleft{width:100%;}
.ddp-box-schema.ddp-box-full .ddp-wrap-fright{display:none;}
.ddp-box-schema {display:flex;}
.ddp-view-schema .ddp-box-schema .ddp-wrap-fleft {width:340px;}
.ddp-view-schema .ddp-box-schema .ddp-wrap-fright {width:520px;}
.ddp-view-schema .ddp-box-schema .ddp-wrap-value-setting { padding:0; margin:0;}
.ddp-box-schema .ddp-wrap-fleft {float:left; width:592px; height:425px;}
.ddp-box-schema .ddp-wrap-fright {float:right; width:592px; height:425px;}
.ddp-box-schema .ddp-box-viewtable {height:100%; box-sizing:border-box;}
.ddp-box-schema .ddp-box-setting {position:relative; width:100%; height:100%; border:1px solid #b7b9c2; box-sizing:border-box;}
.ddp-box-schema .ddp-box-setting .ddp-data-top-title {padding:13px 16px; background-color:#f6f6f7; color:#4c515a; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.ddp-box-schema .ddp-box-setting .ddp-data-delete {position:absolute; top:56px; left:0; right:0; bottom:0; box-sizing:border-box; background-color:#fff; z-index:3;}
.ddp-box-schema .ddp-box-setting .ddp-data-delete span.ddp-txt {position:absolute; top:50%; left:0; right:0; margin-top:-13px; color:#b7b9c2; font-size:14px; text-align:center; box-sizing:border-box;}
.ddp-box-schema .ddp-box-setting .ddp-wrap-set-contents {position:absolute; top:45px; left:0; right:0; bottom:0; box-sizing:border-box;}
.ddp-box-schema .ddp-box-setting .ddp-wrap-set-contents.ddp-full {top:0;}
.ddp-box-schema .ddp-box-setting .ddp-wrap-value-det{position:relative; float:Left; width:255px; height:100%; border-right:1px solid #e7e7ea;}
.ddp-box-schema .ddp-box-setting .ddp-wrap-value-det .ddp-top-set {border-bottom:1px solid #e7e7e7; overflow:Hidden;}
.ddp-box-schema .ddp-box-setting .ddp-wrap-value-det .ddp-data-name {float:left; padding:23px 0 22px 16px; color:#4a515c; font-size:14px;}
.ddp-box-schema .ddp-box-setting .ddp-wrap-value-det.ddp-type .ddp-data-name {padding:19px 0 20px 16px; color:#4a515c; font-weight:bold; font-size:13px;}

.ddp-box-schema .ddp-box-setting .ddp-wrap-value-det .ddp-view-option {position:relative; top:22px; margin-right:16px; color:#4b515b; font-size:12px;}
.ddp-box-schema .ddp-box-setting .ddp-wrap-value-det .ddp-top-set .ddp-view-option.ddp-selected input {display:inline-block; width:40px; margin-right:5px; text-align:center;  border-bottom:1px solid #d7d8dc;}
.ddp-wrap-value-det.ddp-type ul.ddp-list-value {top:56px;}
ul.ddp-list-value {position:absolute; top:62px; left:0; right:0;bottom:0; overflow-y:auto;}
ul.ddp-list-value li {padding:6px 15px; min-height:28px; color:#4b525b; font-size:13px; box-sizing:border-box;}
ul.ddp-list-value li:nth-child(odd) {background-color:#fafafa;}
ul.ddp-list-value li.ddp-total {color:#b7b9c2;}
.ddp-wrap-value-setting {float:left; width:100%; height:100%; margin-left:-256px; padding-left:256px; box-sizing:border-box; overflow:auto; overflow-x:hidden;}
.ddp-ui-value-setting {height:100%;}
.ddp-ui-value-setting .ddp-ui-value-setting {z-index:1;}
.ddp-ui-value-setting .ddp-form-column {height:100%; margin-top:-56px; padding-top:56px; box-sizing:border-box;}
.ddp-ui-value-setting .ddp-form-column ul.ddp-list-value {top:32px;}
.ddp-ui-value-setting .ddp-form-column .ddp-wrap-value-det {float:left; width:220px; border-right:1px solid #b7b9c2; box-sizing:border-box;}
.ddp-ui-value-setting .ddp-form-column .ddp-wrap-value-det .ddp-label-value {background-color:#f7f7f8; padding:8px 20px; color:#90969f; font-size:12px; border-bottom:1px solid #e9e9ec; box-sizing:border-box;}
.ddp-wrap-value-setting .ddp-form-column .ddp-ui-setting {float:left; width:100%; height:100%; margin-left:-220px; padding-left:240px; box-sizing:border-box; overflow:auto; }

.ddp-wrap-value-setting .ddp-ui-title {position:relative; padding:19px 0 20px 16px; color:#4a515c; font-size:13px; font-weight:bold; border-bottom:1px solid #b7b9c2;}
.ddp-wrap-value-setting .ddp-ui-title .ddp-btn-delete {display:inline-block; position:absolute; top:23px; right:13px; width:11px; height:12px; background:url(../../images/icon_edit2.png) no-repeat; background-position:-24px -21px;}
.ddp-wrap-value-setting .ddp-ui-title .ddp-btn-delete:hover {background-position-x:left ;}
.ddp-wrap-value-setting .ddp-ui-title .ddp-btn-delete.ddp-fright {position:relative; top:1px; right:0; margin:0 13px 0 5px;}
.ddp-wrap-value-setting .ddp-ui-title .ddp-btn-return-s.ddp-fright {position:relative; top:2px; right:0;margin:0 13px 0 5px;}
.ddp-wrap-value-setting .ddp-ui-title .ddp-data-name {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ddp-box-popupcontents3.ddp-configure {width:1192px;}
.ddp-box-popupcontents3.ddp-configure .ddp-wrap-value-setting {margin:0;}
.ddp-box-popupcontents3.ddp-configure .ddp-box-schema .ddp-box-setting {border-left:none;}
.ddp-box-popupcontents3.ddp-configure .ddp-box-schema .ddp-wrap-fleft {width:672px;}
.ddp-box-popupcontents3.ddp-configure .ddp-box-schema .ddp-wrap-fright {width:520px;}
.ddp-box-popupcontents3.ddp-configure .ddp-wrap-value-setting {padding:0; }
.ddp-configure-schema {position:relative;}
.ddp-configure-schema .ddp-form-search {width:240px;}
.ddp-configure-schema .ddp-data-details.ddp-ui-preview-contents {position:absolute; top:170px; left:50px; right:50px; bottom:48px; height:auto;}
.ddp-configure-schema.ddp-info .ddp-data-details.ddp-ui-preview-contents {top:185px;}
.ddp-configure-schema.ddp-info2 .ddp-data-details.ddp-ui-preview-contents {top:219px;}
.ddp-type-top-option .ddp-ui-rightoption.ddp-type-schema .ddp-form-label2 {margin-left:10px;}

.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-wrap-dropdown {width:110px;}
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn {position:relative; float:left;}
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn .ddp-btn-setting {display:inline-block; position:relative; width:30px; height:30px; margin:0 8px; border:1px solid #d0d1d8; box-sizing:border-box; border-radius:2px;}
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn .ddp-btn-setting:hover,
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn.ddp-selected .ddp-btn-setting{border-color:#b7b9c2;}
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn .ddp-btn-setting:before {display:inline-block; position:absolute; top:50%; left:50%; width:14px; height:14px; margin:-7px 0 0 -7px; background:url(../../images/icon_option.png) no-repeat; background-position:left -16px; content:'';}
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn .ddp-btn-setting:hover:before,
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn.ddp-selected .ddp-btn-setting:before {background-position-x:-15px;}
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn .ddp-wrap-popup2 {display:none; position:absolute; top:100%; left:8px; margin-top:3px; z-index:20}
.ddp-configure-schema .ddp-ui-rightoption.ddp-type-schema .ddp-ui-setbtn.ddp-selected .ddp-wrap-popup2 {display:block;}

.ddp-wrap-value-setting .ddp-ui-setting {padding:20px 20px 20px 20px; }
.ddp-wrap-value-setting .ddp-ui-setting .ddp-setting-button {padding:10px 0 0 0;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 {margin-top:20px;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3:first-of-type {margin-top:0;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-ui-label-name {margin-bottom:5px; color:#4a515c; font-weight:bold;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-ui-label-name .ddp-icon-recommend {display:inline-block; margin-left:5px;  position:relative; vertical-align: middle;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-view-label {float:left; width:100%;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-view-label .ddp-ui-label-name {float:left; width:initial;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-ui-error {display:block; margin-top:5px;}

.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-apply .ddp-ui-error {margin-right:-52px;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-ui-error.ddp-full {padding:0; margin-left:0;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-ui-error em.ddp-icon-error {display:inline-block; position:relative; top:0; margin-right:5px; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:-28px 0; vertical-align:middle;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info {z-index:inherit;}
.ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info .ddp-box-layout4.ddp-box-time {width:290px; box-sizing:border-box;}
.ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info .ddp-box-layout4 .ddp-data-det dl.ddp-dl-det {padding:5px 0; overflow:hidden;}
.ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info .ddp-box-layout4 .ddp-data-det dl.ddp-dl-det:first-of-type {padding-top:0;}
.ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info .ddp-box-layout4 .ddp-data-det dl.ddp-dl-det dt {float:left; width: 35px; color:#4c515a; font-size:12px;}
.ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info .ddp-box-layout4 .ddp-data-det dl.ddp-dl-det dd {display:block; position:relative; overflow:hidden; padding-left:10px; color:#90969f; font-size:11px;}

.ddp-wrap-edit3 .ddp-ui-label-name .ddp-wrap-hover-info .ddp-box-layout4 .ddp-data-det dl.ddp-dl-det dd em {position:absolute; top:0; left:0;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-ui-label-name a.ddp-link-type {float:right; color:#b7b9c2; font-size:12px; text-decoration: underline; font-style:italic;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-ui-label-name a.ddp-link-type:hover {color:#90969f;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li {position:relative; padding:5px 0;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li label.ddp-label-radio,
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li label.ddp-label-checkbox {display:inline-block;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li label.ddp-label-radio span.ddp-txt-radio,
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li label.ddp-label-checkbox span.ddp-txt-checkbox {font-size:13px;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li .ddp-form-checktype .ddp-input-typebasic {position:absolute; top:0; right:0; width:160px; box-sizing:Border-box;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li .ddp-form-checktype .ddp-input-typebasic.ddp-full {position:relative; width:100%; margin-top:5px;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li .ddp-form-checktype .ddp-input-apply {margin-top:5px;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li .ddp-form-checktype .ddp-type-input {padding-left:16px;}

.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li .ddp-ui-example {position:relative; padding-left:20px; color:rgba(75,81,91,0.5);}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li .ddp-ui-example em.ddp-icon-check {display:inline-block; position:absolute; top:4px; left:0;width:8px; height:6px; background:url(../../images/icon_select2.png) no-repeat; background-position:-47px top;}

.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 ul.ddp-list-checktype li .ddp-ui-error {display:block; padding:5px 0 0 16px; white-space:normal;}
.ddp-ui-setting .ddp-ui-option-in {padding:0 0 0 12px;}
.ddp-wrap-value-setting .ddp-ui-setting ul.ddp-list-dataview {margin:0 0 0 -12px; border-top:1px solid #e9e9ec; border-bottom:1px solid #e9e9ec}
.ddp-wrap-value-setting .ddp-ui-setting ul.ddp-list-dataview li {padding:5px 17px; color:#4b525b; font-size:13px;}
.ddp-wrap-value-setting .ddp-ui-setting ul.ddp-list-dataview li.ddp-total {color:#b7b9c2; font-size:12px;}
.ddp-wrap-value-setting .ddp-ui-setting ul.ddp-list-dataview li.ddp-nodata {color:#b6b9c1; font-size:13px;}
.ddp-wrap-value-setting .ddp-ui-setting ul.ddp-list-dataview li:nth-child(odd) {background-color:#fafafa;}

.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-data-time {margin-top:3px;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-data-time .ddp-type-label {line-height:30px;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-data-time.ddp-apply .ddp-input-apply {position:relative; padding-right:52px;}
.ddp-wrap-value-setting .ddp-ui-setting .ddp-wrap-edit3 .ddp-data-time.ddp-apply .ddp-input-apply  .ddp-btn-line-s {position:absolute; top:0; right:0; padding:5px 10px;}
.ddp-ui-timestamp {padding:20px 0 0 0;}
.ddp-ui-timestamp .ddp-txt-timestamp {position:relative; top:-4px; vertical-align:middle;}
.ddp-ui-timestamp .ddp-txt-timestamp  em.ddp-icon-time2 {margin-right:5px;}
.ddp-ui-timestamp .ddp-ui-setting {padding:15px 0 0 18px;}
.ddp-ui-timestamp .ddp-ui-setting label.ddp-label-radio {display:inline-block; vertical-align:middle;}
.ddp-ui-timestamp .ddp-ui-setting label.ddp-label-radio + label.ddp-label-radio {margin-left:20px;}
.ddp-ui-timestamp .ddp-ui-setting .ddp-type-selectbox {display:inline-block; margin-left:9px; width:228px; box-sizing:border-box; vertical-align: middle;}
.ddp-ui-timestamp .ddp-ui-setting .ddp-type-selectbox ul.ddp-list-selectbox.ddp-selectdown {top:inherit; bottom:34px;}

.ddp-box-action {position:absolute; bottom:0; left:0; right:0; height:103px; padding:16px 0 16px 14px; border:1px solid #4c515a; background-color:#fff; box-sizing:border-box;}
.ddp-box-action a.ddp-btn-box-close{color:#90969f; font-size:13px;}
.ddp-box-action a.ddp-btn-box-close em.ddp-icon-box-close {display:inline-block; width:16px; height:16px; margin-right:10px;  background:url(../../images/btn_popclose.png) no-repeat; background-position:left -84px; vertical-align: middle;}
.ddp-box-action span.ddp-data-selet {margin-left:150px; color:#4c515a; font-size:14px;}
.ddp-box-action.ddp-type span.ddp-data-selet {margin-left:0; font-size:13px; font-weight:100;}
.ddp-box-action span.ddp-data-selet strong {margin-right:3px;}
.ddp-box-action .ddp-ui-checkaction {padding-left:0;}
.ddp-box-action .ddp-ui-checkaction .ddp-type-selectbox {width:180px;}
.ddp-box-action a.ddp-btn-line {position:absolute; top:9px; right:9px;}

.ddp-box-viewtable.ddp-selected .ddp-box-action.ddp-type {display:block; z-index:10;}
.ddp-box-action.ddp-type {display:none; height:45px;}
.ddp-box-action.ddp-type .ddp-box-button {clear:both; padding:17px 0 13px 0;text-align:center;}
.ddp-box-action.ddp-type .ddp-box-button [class*="ddp-btn-"] {position:relative; top:0; right:0; margin:0 2px; vertical-align:middle;}
.ddp-box-action.ddp-type .ddp-type-button {position:absolute; top:0; right:0;}
.ddp-box-action.ddp-type .ddp-change-type {float:left;}
.ddp-box-action.ddp-type a.ddp-btn-change {display:inline-block; padding:13px 12px 15px 12px; height:43px; color:#4b515b; box-sizing:border-box; }
.ddp-box-action.ddp-type .ddp-change-type.ddp-selected a.ddp-btn-change {background-color:#f0f0f2;}
.ddp-box-action.ddp-type a.ddp-btn-change:hover {background-color:#f0f0f2;}
.ddp-box-action.ddp-type a.ddp-btn-change:before {display:inline-block; width:11px; height:12px; margin-right:7px; background:url(../../images/icon_change.png) no-repeat; vertical-align:middle; content:'';}
.ddp-box-action.ddp-type .ddp-change-type .ddp-box-layout4.ddp-change {display:none; position:absolute; bottom:100%; right:0; margin-bottom:5px; width:350px;}
.ddp-box-action.ddp-type .ddp-change-type .ddp-box-layout4.ddp-change .ddp-change-select {float:Left;}
.ddp-box-action.ddp-type .ddp-change-type .ddp-box-layout4.ddp-change .ddp-change-select .ddp-type-selectbox  {float:left; width:158px;}
.ddp-box-action.ddp-type .ddp-change-type .ddp-box-layout4.ddp-change .ddp-change-select .ddp-type-selectbox + .ddp-type-selectbox {margin-left:3px;}
.ddp-box-action.ddp-type .ddp-change-type.ddp-selected .ddp-box-layout4.ddp-change {display:block; z-index:10; width:355px;}
.ddp-box-action.ddp-type .ddp-delete-type {float:left; position:relative;}
.ddp-box-action.ddp-type .ddp-delete-type .ddp-btn-delete {display:inline-block;padding:13px 12px 15px 12px; margin-left:2px; height:43px;color:#4b515b; font-size:13px; box-sizing:border-box;}
.ddp-box-action.ddp-type .ddp-delete-type.ddp-selected .ddp-btn-delete,
.ddp-box-action.ddp-type .ddp-delete-type .ddp-btn-delete:hover {background:#f0f0f2;}
.ddp-box-action.ddp-type .ddp-delete-type .ddp-btn-delete:before {display:inline-block; width:11px; height:12px; margin-right:6px; background:url(../../images/icon_edit2.png) no-repeat; background-position:left -21px; content:''; vertical-align:middle;}
.ddp-box-action.ddp-type .ddp-delete-type .ddp-box-layout4 {display:none; position:absolute; bottom:100%; right:0; margin-bottom:5px; width:350px;}
.ddp-box-action.ddp-type .ddp-delete-type.ddp-selected .ddp-box-layout4 {display:block;}

.ddp-box-action.ddp-type .ddp-delete-type .ddp-box-layout4.ddp-delete .ddp-wrap-data-detail,
.ddp-box-action.ddp-type .ddp-delete-type .ddp-box-layout4.ddp-delete .ddp-wrap-data-detail .ddp-ui-top-title {padding-bottom:0;}
.ddp-box-action.ddp-type .ddp-delete-type .ddp-box-layout4.ddp-delete .ddp-box-button {padding-top:20px;}
/**********************************************************************************
    page : 데이터 저장소 myfile 항목설정
**********************************************************************************/
.ddp-box-source-create {min-height:514px;}
.ddp-box-source-create .ddp-wrap-edit3 {position:relative; margin-top:100px;}
.ddp-box-source-create .ddp-wrap-edit3:first-of-type {margin-top:0;}
.ddp-box-source-create .ddp-wrap-edit3.ddp-type .ddp-label-type {width:170px;}

.ddp-box-source-create .ddp-wrap-edit3 .ddp-ui-edit-option em[class*="ddp-icon-"]{margin-right:8px;}
.ddp-wrap-edit3 .ddp-ui-edit-option span.ddp-data-group {display:block; padding-top:20px; margin-right:29px; color:#4b515b; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-wrap-edit3 .ddp-ui-edit-option span.ddp-data-group span.ddp-data-det {font-size:12px; color:#b7bac1;}
.ddp-wrap-edit3 .ddp-ui-edit-option.ddp-padb15 {padding-bottom:15px;}
.ddp-wrap-edit3 .ddp-ui-edit-option .ddp-wrap-data-group .ddp-link-edit2 {display:inline-block; margin-top:10px;}
.ddp-wrap-edit3 .ddp-ui-edit-option .ddp-wrap-data-group .ddp-result-num {padding-bottom:8px;}
.ddp-wrap-edit3 .ddp-ui-edit-option .ddp-wrap-data-group .ddp-result-num .ddp-link-edit2 {margin-top:0;}
.ddp-wrap-edit3 .ddp-ui-edit-option .ddp-wrap-data-group .ddp-result-num span.ddp-txt-num {color:#4b515b;font-weight:300; font-size:13px;}
.ddp-link-edit2 {color:#b7b9c2; font-size:12px; text-decoration: underline; font-style:italic}
.ddp-link-edit2:hover {color:#90969f; text-decoration: underline;}

/**********************************************************************************
	page : 데이터 저장소 myfile 항목설정_워크스페이스 설정
**********************************************************************************/
ul.ddp-ui-tab li em.ddp-icon-user-s2,
ul.ddp-ui-tab li em.ddp-icon-group-s2 {margin-right:8px;}
ul.ddp-ui-tab li.ddp-selected em.ddp-icon-user-s2,
ul.ddp-ui-tab li.ddp-selected em.ddp-icon-group-s2 {opacity:1;}
.ddp-wrap-permission.ddp-type {padding-top:0;}
.ddp-wrap-permission.ddp-type .ddp-wrap-viewtable {top:98px;}
.ddp-wrap-permission {position:relative; padding-top:42px; height:100%; box-sizing:border-box;}
.ddp-wrap-permission .ddp-type-check {display:inline-block; position:absolute; top:0;}
.ddp-wrap-permission .ddp-wrap-viewtable{position:absolute; top:140px; left:0; right:0; bottom:68px;}
.ddp-wrap-permission .ddp-wrap-switch .ddp-form-search {width:270px;}
.ddp-wrap-permission table.ddp-table-type2 tbody tr > td .ddp-data-owner {float:left; color:#b7b9c2;}
.ddp-wrap-permission table.ddp-table-type2 tbody tr > td .ddp-txt-data {float:left; padding-right:4px;}
.ddp-box-popupcontents2.ddp-setting-source {width:666px;}
.ddp-box-popupcontents2.ddp-setting-source > .ddp-wrap-edit2:first-of-type {margin-top:0;}
/**********************************************************************************
	page : 데이터저장소 데이터소스상세 datagrid
**********************************************************************************/

.ddp-wrap-datadetail .ddp-ui-option {padding:20px 20px 15px 20px;}
.ddp-wrap-datadetail .ddp-wrap-datapreview {padding:20px 0px 20px 0px;}
.ddp-wrap-datadetail .ddp-wrap-datapreview .ddp-label-name {padding:25px 15px 8px 15px;}
.ddp-wrap-datadetail .ddp-wrap-datapreview .ddp-box-preview {height:293px; margin-bottom:10px; overflow:auto; border-top:1px solid #eaeaed; }
.ddp-box-grid-detail .ddp-script-preview {border-top:1px solid #eaeaed;overflow:auto; }
.ddp-box-grid-detail .ddp-script-preview .ddp-txt-error3 {padding:10px; color:#ca4b4b; font-size:12px;}
.ddp-wrap-datadetail .ddp-box-statistic .ddp-label-name {padding:13px 0 15px 20px;}
.ddp-wrap-datadetail .ddp-label-name {display:block; padding:0 0 5px 0; color:#4b515b; font-size:12px; }
.ddp-datagrid .ddp-ui-option .ddp-wrap-edit {padding-left:30px;}
.ddp-datagrid .ddp-ui-option .ddp-reset {float:left; position:relative; top:8px; margin-left:10px;}
.ddp-datagrid .ddp-ui-option .ddp-data-form {position:relative; float:left; top:10px;}
.ddp-datagrid .ddp-ui-option .ddp-data-form input.ddp-data-input {width: 40px; border:none; border-bottom:1px solid #d7d8dc; color:#656eb2; font-size:12px; text-align:center;}
.ddp-datagrid .ddp-ui-option .ddp-box-btn2 {float:left;}

.ddp-datagrid .ddp-ui-option .ddp-btn-bg {float:left; margin-left:10px;}
.ddp-datagrid .ddp-ui-option .ddp-btn-bg em.ddp-icon-widget-gridsave {margin-right:5px;}
.ddp-fix-grid {position:fixed; bottom:45px; right:65px; top:246px; left:65px; border:1px solid #d5d6db;}
.ddp-fix-grid.ddp-msg-info1 {top:267px;}
.ddp-fix-grid.ddp-msg-info2 {top:302px;}

/**********************************************************************************
    page : 데이터 저장소 db 항목설정
**********************************************************************************/
.ddp-box-source-create.ddp-box-type {width:880px;}
.ddp-box-source-create.ddp-box-type > .ddp-wrap-edit2:first-of-type {margin-top:0;}
.ddp-box-source-create.ddp-box-type .ddp-wrap-edit3 {margin-top:40px}

[class*="ddp-wrap-edit"] .ddp-box-sub {margin-top:10px; padding:20px; background-color:#f6f6f7;}
[class*="ddp-wrap-edit"] .ddp-box-sub label.ddp-label-type {color:#b7b9c2; font-size:13px;}
[class*="ddp-wrap-edit"] .ddp-box-sub input.ddp-input-type {background:transparent;}

[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-clear:first-of-type .ddp-wrap-edit2 {margin-top:0;}
.ddp-box-source-create.ddp-box-type .ddp-wrap-edit3.ddp-type .ddp-type-selectbox {width:290px;}
[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-wrap-edit2 .ddp-label-type {color:#4b515b; font-size:13px;}
[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-box-sub-option {margin-top:20px;}
[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-box-sub-option:first-of-type {margin-top:0;}
[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-box-sub-option .ddp-label-type {width:100%;}
[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-box-sub-option .ddp-option-in label.ddp-label-radio + label.ddp-label-radio {margin-left:28px;}
[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-box-sub-option .ddp-label-radio + .ddp-box-option-input {top:-5px; }
[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-box-sub-option .ddp-label-radio + .ddp-box-option-input + .ddp-txt-error {position:relative; margin-left:5px; vertical-align:top;}
[class*="ddp-wrap-edit"] .ddp-box-sub .ddp-box-sub-option .ddp-label-radio {vertical-align:top; position:relative; top:2px;}

/* 삭제 예정 */
.ddp-box-sub .ddp-wrap-boxdata {width:100%;}
.ddp-box-sub .ddp-wrap-boxdata + .ddp-wrap-boxdata {padding-top:20px;}
.ddp-box-sub .ddp-wrap-boxdata .ddp-label-type {float:left; width:150px; padding:0; margin-right:10px; font-size:13px; color:#b7bac1; line-height:1.5em; box-sizing:border-box; overflow:hidden;}
.ddp-box-sub .ddp-wrap-boxdata .ddp-box-form {display:block; overflow:hidden;}
.ddp-box-sub .ddp-wrap-boxdata .ddp-box-form .ddp-data-txt {display:block; padding-bottom:5px; font-size:13px; color:#4b515b; line-height:1.5em;}
.ddp-box-sub .ddp-wrap-boxdata .ddp-box-form ul.ddp-list-sub li {position:relative; padding:0 0 5px 10px; color:#b7bac1; font-size:12px;}
.ddp-box-sub .ddp-wrap-boxdata .ddp-box-form ul.ddp-list-sub li:before {display:inline-block; position:absolute; top:4px; left:0; width:5px; height:5px; border-radius:50%; background-color:#b7bac1; content:'';}

table.ddp-wrap-boxdata {margin:-5px 0; table-layout:auto;}
table.ddp-wrap-boxdata tr th {line-height:1.5em; padding:5px 20px 5px 0; font-size:13px; color:#b7bac1; font-weight:normal; white-space:nowrap; vertical-align: top;}
table.ddp-wrap-boxdata tr td {padding:5px 0 5px 0; font-size:13px; color:#4b515b; line-height:1.5em; vertical-align: top;}
table.ddp-wrap-boxdata tr td [class*="ddp-icon-flow"] {margin-right:8px;}
table.ddp-wrap-boxdata tr td .ddp-list-set li {padding:7px 0; font-size:13px;}
table.ddp-wrap-boxdata tr td .ddp-list-set li:first-of-type {padding-top:0;}
table.ddp-wrap-boxdata tr td .ddp-data-txt {display:block; padding-bottom:5px; font-size:13px; color:#4b515b; line-height:1.5em;}

table.ddp-wrap-boxdata tr td ul.ddp-list-sub li {position:relative; padding:0 0 5px 10px; color:#b7bac1; font-size:12px;}
table.ddp-wrap-boxdata tr td ul.ddp-list-sub li:before {display:inline-block; position:absolute; top:4px; left:0; width:5px; height:5px; border-radius:50%; background-color:#b7bac1; content:'';}
table.ddp-wrap-boxdata tr td ul.ddp-list-sub li .ddp-sub {padding-left:15px;color:#b7bac1; font-size:12px; line-height:20px;}
.ddp-wrap-edit3 .ddp-box-sub .ddp-option-in .ddp-size-s,
.ddp-wrap-edit2 .ddp-box-sub .ddp-option-in .ddp-size-s{width:80px; box-sizing:border-box;}

.ddp-wrap-edit2 .ddp-box-sub .ddp-option-in .ddp-size-sm {width:110px;}

.ddp-wrap-edit2 .ddp-box-sub .ddp-option-in.ddp-inline .ddp-size-sm {display:inline-block; margin-right:5px;}

.ddp-wrap-edit3 .ddp-box-sub .ddp-option-in input.ddp-input-typebasic {display:inline-block;}

.ddp-wrap-edit3.ddp-type .ddp-ui-cycle .ddp-wrap-hover-info:hover .ddp-box-layout4 {right:-20px; top:100%; margin-top:5px;}
.ddp-ui-cycle .ddp-form-time input.ddp-input-time {width:80px;}
.ddp-ui-cycle .ddp-form-wrapper .ddp-form-time {width:80px;}
.ddp-ui-cycle .ddp-type-cycle {float:left; width:200px !important; margin-right:4px;}
.ddp-ui-cycle .ddp-list-buttons {float:left; margin-right:5px;}
.ddp-ui-cycle .ddp-list-buttons li {width:58px;}
.ddp-ui-cycle .ddp-input-typebasic.ddp-crontab {width:490px; margin-right:5px;}
.ddp-form-time {position:relative; display:inline-block; border-radius:3px; border:1px solid #d2d2d6; background-color:#fff;}
.ddp-ui-cycle .ddp-txt-error {display:block; margin-top:5px;}
.ddp-form-time input.ddp-input-time {display:inline-block; padding:7px 13px 6px 33px; width:100px; border:none; box-sizing:border-box;}
.ddp-form-time em.ddp-icon-time {position:absolute; top:50%; left:10px; margin-top:-7px; }

.ddp-form-wrapper {display:inline-block; border-radius:3px; border:1px solid #d2d2d6; background-color:#fff;}
.ddp-form-wrapper .ddp-type-selectbox {width:120px !important; float:Left; margin-right:0; border:none; border-radius:0; border-right:1px solid #d2d2d6;}
.ddp-form-wrapper .ddp-form-time {width:120px; border:none;}
.ddp-ui-cycle .ddp-input-typebasic,
.ddp-ui-cycle .ddp-input-apply{display:inline-block; width:250px; box-sizing:border-box;}
.ddp-type-selectbox ul.ddp-list-selectbox.ddp-box-s {max-height:120px;}

table.ddp-table-form tr.ddp-tr-select td {color:rgba(76,81,90,0.5);}
em.ddp-icon-select2 {display:inline-block; width:8px; height:6px; background:url(../../images/icon_select2.png) no-repeat; background-position:-47px top;}

.ddp-wrap-partition {position:relative; padding:10px 0 0 16px; overflow:Hidden; box-sizing:border-box;}

.ddp-fix-label {position:relative; z-index:1;}
.ddp-ui-partition {display:block; white-space:nowrap; overflow:auto;}
.ddp-list-partition {padding:0 2px 10px 2px;}
.ddp-list-partition li {display:inline-block; position:relative; width:143px; padding-right:6px; box-sizing:border-box;}
.ddp-list-partition li.ddp-disabled:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.5; background-color:#fff; content:'';}
.ddp-list-partition li .ddp-ui-label {display:block; color:#4b515b; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal;}
.ddp-wrap-partition .ddp-btn-control {position:relative;}
.ddp-box-source-create .ddp-wrap-edit3 .ddp-ui-edit-option .ddp-btn-control em[class*="ddp-icon-"] {margin-right:0;}
.ddp-list-partition.ddp-type li {display:inline-block; padding:4px 8px; margin-right:2px; background-color:#f6f6f7;}
.ddp-list-partition.ddp-type li span.ddp-ui-label {display:block; font-size:12px; color:#90969f; font-weight:300;}
.ddp-list-partition.ddp-type li .ddp-data {padding:5px 0 0 0;}
.ddp-list-partition.ddp-type li .ddp-data span.ddp-txt-data {display:block; padding:7px 0 0 0;color:#4b515b; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/**********************************************************************************
	page : 데이터 저장소 데이터소스상세 팝업
**********************************************************************************/
table.ddp-table-type3.ddp-popup tr td span.ddp-data-date {color:#90969f; font-size:12px;}
table.ddp-table-type3.ddp-popup tr td {padding:10px 10px 11px 10px;}
.ddp-data-details {position:relative; padding-left:460px; border:1px solid #d5d6db;}

.ddp-data-details .ddp-title {padding:15px 20px; color:#4b515b; font-size:14px; font-weight:bold;}
.ddp-data-details .ddp-wrap-sourcename {position:absolute; top:0; left:0; bottom:0; width:459px; }
.ddp-data-details .ddp-wrap-sourcename .ddp-wrap-table {}
.ddp-data-details .ddp-wrap-sourcename .ddp-wrap-table table.ddp-table-form {margin-top:-1px;}
.ddp-data-details .ddp-wrap-detail {display:block; padding:15px 30px; border-left:1px solid #e7e7ea;overflow:hidden;}
.ddp-data-details .ddp-wrap-detail .ddp-title {padding:0; margin-bottom:-10px;}
.ddp-data-details .ddp-ui-detail {padding-top:25px; margin:0 -20px}
.ddp-data-details .ddp-ui-detail .ddp-popularity {height:120px;}
.ddp-data-details .ddp-ui-detail [class*="ddp-col-"]{padding:0 20px; border-left:1px dotted #ccc;}
.ddp-data-details .ddp-ui-detail [class*="ddp-col-"]:first-of-type {border-left:none;}
.ddp-data-details .ddp-ui-detail .ddp-ui-title {padding:10px 0 25px 0; font-size:16px;}
.ddp-data-details .ddp-ui-detail .ddp-ui-title2 {padding:10px 20px 25px 20px; font-size:16px;}

.ddp-data-details .ddp-wrap-detail.ddp-type .ddp-ui-detail .ddp-ui-title {padding:10px 0 25px 0; font-size:13px; font-weight:bold;}
.ddp-data-details .ddp-wrap-detail.ddp-type .ddp-ui-detail .ddp-ui-title2 {padding:10px 20px 25px 20px; font-size:13px; font-weight:bold;}
.ddp-data-details .ddp-wrap-detail.ddp-type .ddp-ui-detail table.ddp-table-detail2 tr th {color:#90969f;}
.ddp-data-details .ddp-ui-detail table.ddp-table-detail2 tr th {padding-left:0; color:#90969f; font-size:13px; vertical-align:top;}
.ddp-data-details .ddp-ui-detail table.ddp-table-detail2 tr th.ddp-th-valid {color:#53ac66;}
.ddp-data-details .ddp-ui-detail table.ddp-table-detail2 tr th.ddp-th-missing {color:#ed422f;}
.ddp-data-details .ddp-ui-detail table.ddp-table-detail2 tr.ddp-tr-sub th {padding-left:20px;}

.ddp-data-details .ddp-ui-detail .ddp-bar {position:relative; width:200px; height:15px; border-radius:2px; background-color:#f3f3f4;}
.ddp-data-details .ddp-ui-detail .ddp-bar span {display:inline-block; position:absolute; top:0; left:0; bottom:0; border-radius:2px; background-color:#666eb2;}
.ddp-wrap-detail.ddp-type label.ddp-label-detail + .ddp-ui-detail-in .ddp-box-histogram {margin:15px 0 50px 0;}
.ddp-wrap-detail .ddp-box-histogram,
.ddp-data-details .ddp-box-histogram {padding:10px; margin:0 0 50px 0; height:118px; border:1px solid #dddde2; box-sizing:border-box;}
.ddp-data-details table.ddp-table-order {width:100%; margin-top:15px;}
.ddp-data-details table.ddp-table-order tr td {padding:11px 13px;}
.ddp-data-details ul.ddp-list-graph {margin:30px -12px 0 -12px; }
.ddp-data-details ul.ddp-list-graph li {padding:0 12px;}
.ddp-data-details.ddp-ui-preview-contents {position:relative; top:0; height:100%; padding-left:0; border:1px solid #d0d1d8; box-sizing:border-box; overflow:auto;}
.ddp-data-details.ddp-ui-preview-contents.type-border {border:1px solid #cdd0e2;}
.ddp-data-details.ddp-ui-preview-contents.type-border .ddp-table-detail4 {border:none; border-bottom:1px solid #cdd0e2;}
.ddp-data-details.ddp-ui-preview-contents table tr th {border-bottom:1px solid #e9e9ec;}
.ddp-data-details.ddp-ui-preview-contents .ddp-ui-selected-option.ddp-selected .ddp-wrap-popup2 {left:inherit; right:0; width:140px; z-index:20;}

.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr:nth-child(odd):hover td {background-color:#fafafa;}
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr:nth-child(even):hover td {background-color:#fff;}
/*.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr td:hover {background-color:#f1f1f3 !important; cursor:pointer;}*/
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr td.ddp-selected,
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr td.ddp-selected:hover {background-color:#f2f1f8 !important;}
/*.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr td.ddp-selected:after {display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #9ca2cc; content:'';}*/
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr td.ddp-selected {border:1px solid #9ca2cc; padding:12px 9px 13px 9px}
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr td.ddp-selected.ddp-info {padding-right:29px;}
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details tbody tr td.ddp-info.ddp-disabled {cursor:initial !important;}
.ddp-ui-preview-contents table.ddp-table-type2 tbody tr td.ddp-selected .ddp-input-form input.ddp-txt-input {display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; padding:12px 9px 13px 9px; content:'';}

.ddp-ui-preview-contents .ddp-data-details.ddp-info {top:76px;}
.ddp-ui-preview-contents .ddp-data-details {position:absolute; top:46px; left:0; right:0; bottom:0;}
.ddp-ui-preview-contents .ddp-data-details .ddp-wrap-sourcename {top:0; overflow:auto;}
.ddp-ui-preview-contents .ddp-data-details .ddp-wrap-detail {overflow:auto; height:100%; box-sizing:border-box;}
.ddp-data-details .ddp-wrap-table-detail {margin-right:0; margin-left:0; padding:40px 0;}

.ddp-data-details.ddp-ui-preview-contents .ddp-type-input tbody tr > td.ddp-padding-none {padding:0;}
.ddp-data-details.ddp-ui-preview-contents .ddp-type-input tbody tr > td .ddp-input-form {position:static;}

/**********************************************************************************
        사용자 리스트
**********************************************************************************/
a.ddp-link-selection {display:inline-block; width:88px; padding:5px 0; margin-right:2px; color:#666eb2; text-align:center; font-size:12px; border-radius:3px; border:1px solid  #666eb2; background-color:#f2f1f8;}
a.ddp-link-selection:hover {color:#fff; border:1px solid #666eb2; background-color:#666eb2;}
a.ddp-link-selection em.ddp-icon-check {display:inline-block; width:11px; height:8px; margin-right:8px; background:url(../../images/icon_select2.png) no-repeat; background-position:-15px -9px;}
a.ddp-link-selection:hover em.ddp-icon-check {background-position:-15px -28px;}
a.ddp-link-selection em.ddp-icon-close {display:inline-block; width:9px; height:9px; margin-right:8px; background:url(../../images/btn_close.png) no-repeat; background-position:left -82px;}
a.ddp-link-selection:hover em.ddp-icon-close {background-position:-10px -82px;}
a.ddp-link-selection.ddp-reject {color:#e35252; border:1px solid rgba(227,82,82,0.6); background:none;}
a.ddp-link-selection.ddp-reject:hover {color:#c63b3b; border:1px solid #e35252; background:none;}

/**********************************************************************************
	사용자 deny popup
**********************************************************************************/
.ddp-box-total {padding:34px 0; margin-top:35px; color:#90969f; font-size:22px; text-align:center; background-color:#f6f6f7;}

/**********************************************************************************
	사용자 new member
**********************************************************************************/
.ddp-ui-user-new {padding:0 50px; text-align:left;}
.ddp-type-contents-in .ddp-top-option {position:relative; padding-bottom:29px;  margin-bottom:20px;border-bottom:1px dotted #ccc; overflow:hidden;}
.ddp-type-contents-in .ddp-top-option > .ddp-wrap-edit3:first-of-type {margin-top:0;}
.ddp-ui-edit-option dl.ddp-dl-option {display:block; position:relative; top:-2px; overflow:hidden;}
.ddp-ui-edit-option dl.ddp-dl-option dt {float:left; margin-left:15px; margin-right:5px; color:#b7b9c2; font-size:14px;}
.ddp-ui-edit-option dl.ddp-dl-option dd {float:left; color:#4b515b; font-size:14px;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-edit-option dl.ddp-dl-option dt { margin-left:0;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-edit-option dl.ddp-dl-option dd {margin-right:45px;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-link {position:absolute; top:0; right:0;}
/*.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link {position:relative; top:8px; padding:0 20px; color:#b7b9c2; font-size:13px;}*/
/*.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link:before {display:inline-block; content:''; height:14px; position:absolute; left:0; top:50%; margin-top:-7px; border-left:1px solid #d2d3d9;}*/
.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link:first-of-type:before {display:none;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link em.ddp-icon-link-cut,
.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link em.ddp-icon-link-password {display:inline-block; margin-right:5px; background:url(../../images/icon_control.png) no-repeat; vertical-align: middle;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link em.ddp-icon-link-cut {width:10px; height:10px; background-position:left -194px;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link:hover {color:#90969f;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link:hover em.ddp-icon-link-cut {background-position:-11px -194px;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link em.ddp-icon-link-password {width:11px; height:12px; background-position:left -205px;}
.ddp-type-contents-in .ddp-top-option .ddp-ui-link a.ddp-btn-link:hover em.ddp-icon-link-password {background-position:-12px -205px;}

.ddp-ui-user-type {float:left; width:200px; padding-right:53px;}
.ddp-ui-user-type label.ddp-label-type {color:#4b515b; font-size:13px; font-weight:bold;}
.ddp-ui-user-type .ddp-ui-tooltip:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-user-type .ddp-ui-tooltip .ddp-ui-tooltip-info {display:none; top:-30px; left:-64px;}
.ddp-ui-user-type .ddp-ui-tooltip .ddp-ui-tooltip-info em.ddp-icon-view-down {left:71px;}
.ddp-ui-user-type .ddp-wrap-photo {padding:20px 0 0 0;}
.ddp-ui-user-type .ddp-wrap-photo .ddp-data-user-photo {display:inline-block; width:200px; height:200px; border-radius:50%; overflow:hidden;}
.ddp-ui-user-type .ddp-wrap-photo .ddp-data-user-photo img {width:100%; height:100%;}

.ddp-ui-user-type .ddp-wrap-photo .ddp-ui-file-button {padding:25px 0; text-align:center;}
.ddp-ui-user-type .ddp-wrap-photo .ddp-ui-file-button .ddp-btn-small {display:inline-block; position:relative; min-width:70px; padding:5px 12px; margin:0 2px; border-radius:3px; border:1px solid #b6b9c2; color:#4b515b; font-size:13px; text-align:center; background-color:#fff; box-sizing:border-box;}
.ddp-ui-user-type .ddp-wrap-photo .ddp-ui-file-button .ddp-btn-small input {display:block; width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; cursor:pointer;}

.ddp-ui-user-type .ddp-wrap-photo .ddp-ui-file-button .ddp-btn-small.ddp-bg-gray {border:1px solid #91969e; background-color:#91969e; color:#fff;}
.ddp-ui-input-form .ddp-label-type .ddp-info {color:#4b515b; font-size:14px; font-weight:normal; margin-left:26px;}
.ddp-ui-input-form a.ddp-link-edit {position:absolute; left:0;color:#b7b9c2; font-size:12px; text-decoration: underline; font-style:italic;}

.ddp-ui-user-option {display:block; padding:0; overflow:Hidden;}
.ddp-ui-user-option .ddp-ui-alart {margin-top:-10px; margin-bottom:35px; color:#b7b9c2; font-size:14px;}
.ddp-ui-user-option .ddp-ui-alart em.ddp-icon-alart {display:inline-block; position:relative; top:-1px; width:15px; height:15px; margin-right:5px; background:url(../../images/icon_info.png) no-repeat; background-position:-16px -44px; vertical-align: middle;}
.ddp-ui-user-option .ddp-ui-input-form label.ddp-label-type {font-weight:bold;}
.ddp-ui-input-form.ddp-line {padding-bottom:20px; margin-bottom:28px; border-bottom:1px dotted #ccc;}
.ddp-ui-input-form dl.ddp-dl-option {display:block; position:relative; top:-2px; overflow:hidden; white-space:nowrap;}
.ddp-ui-input-form dl.ddp-dl-option dt {float:left; margin-left:15px; margin-right:5px; color:#b7b9c2; font-size:14px; font-weight:300;}
.ddp-ui-input-form dl.ddp-dl-option dd {float:left; color:#4b515b; font-size:14px; font-weight:300;}
.ddp-box-group .ddp-ui-input-form dl.ddp-dl-option dd {letter-spacing: -1px;}

.ddp-box-popupcontents2.ddp-box-group {position:relative;margin-top:30px;border-top:1px dotted #ccc;}
.ddp-box-popupcontents2.ddp-box-group .ddp-wrap-edit2 {margin-top:60px;}
.ddp-box-popupcontents2.ddp-box-group .ddp-wrap-edit2:first-of-type {margin-top:36px;}
a.ddp-btn-linktype {color:#b7b9c2; font-size:13px;}
a.ddp-btn-linktype .ddp-icon-link-cut {width:10px; height:10px; background-position:left -194px;}
a.ddp-btn-linktype:hover {color:#90969f;}
a.ddp-btn-linktype:hover em.ddp-icon-link-cut {background-position:-11px -194px;}
a.ddp-btn-linktype:hover .ddp-icon-link-edit{background-position:-39px -97px;}
.ddp-box-popupcontents2.ddp-box-group a.ddp-btn-linktype {position:absolute; top:-30px; right:0;}

/**********************************************************************************
	사용자 detail
**********************************************************************************/
.ddp-ui-userdetail {position:relative; padding-left:160px;}
.ddp-ui-userdetail .ddp-data-photo {position:absolute; top:0; left:12px; width:90px; height:90px; border-radius:50%; overflow:hidden;}
.ddp-ui-userdetail.type-user .ddp-data-photo {position:absolute; top:50%; left:12px; margin-top:-45px; background:url(../../images/img_profile.png) no-repeat; background-position:left -133px;}
.ddp-ui-userdetail.type-user .ddp-data-photo img {display:block; width:100%; height:100%;}
.ddp-ui-userdetail table.ddp-table-detail tr td .ddp-data-follow-photo {display:inline-block; float:left; margin-right:4px; width:24px; height:24px; background:url(../../images/img_profile.png) no-repeat; background-position:left -224px; border-radius:50%; overflow:hidden;}
.ddp-ui-userdetail table.ddp-table-detail tr td .ddp-data-follow-photo img {display:block; width:100%; height:100%;}
.ddp-ui-userdetail .ddp-data-photo img {width:100%; height:100%;}

.ddp-ui-userdetail .ddp-data-user-info {padding-bottom:3px; color:#4b515b; font-size:22px;}

.ddp-ui-userdetail .ddp-data-user-info em.ddp-icon-fav {display:inline-block; width:13px; height:12px; background:url(../../images/icon_fav.png) no-repeat; cursor: pointer; background-position:0 -31px;}
.ddp-ui-userdetail .ddp-data-user-info em.ddp-icon-fav:hover {background-position:-26px -31px;}
.ddp-ui-userdetail .ddp-data-user-info em.ddp-icon-fav.ddp-selected { background-position:-13px -31px;}

table.ddp-list-form2 {width:100%; table-layout:fixed; margin-top:15px; border-top:1px solid #b7b9c2;border-bottom:1px solid #b7b9c2;}
table.ddp-list-form2 tr td {padding:15px 18px; color:#4c515a; font-size:13px; font-weight:300;border-bottom:1px solid #e7e7ea;}
table.ddp-list-form2 tr:last-of-type td {border-bottom:none;}
table.ddp-list-form2 tr td .ddp-link-info.ddp-normal {position:relative; font-weight:normal;}
table.ddp-list-form2 tr td .ddp-link-info.ddp-normal:hover {font-weight:bold;}
table.ddp-list-form2 tr td .ddp-link-info.ddp-group {position:relative; padding-right:17px;color:#4c515a; font-size:13px; font-weight:normal;}
table.ddp-list-form2 tr td .ddp-link-info.ddp-group:hover {text-decoration:underline;}
table.ddp-list-form2 tr td .ddp-link-info.ddp-group .ddp-icon-window {display:none; position:absolute; top:3px; right:0;}
table.ddp-list-form2 tr td .ddp-link-info.ddp-group:hover .ddp-icon-window {display:block;}
table.ddp-list-form2 tr td .ddp-box-layout4 table.ddp-table-pop tr td {border-bottom:none;}

/**********************************************************************************
	사용자 change owner
**********************************************************************************/
.ddp-wrap-popup .ddp-ui-popup.ddp-type {padding:80px 0 80px 0;}
.ddp-wrap-popup .ddp-ui-popup.ddp-type span.ddp-ui-pop-title {line-height:40px; padding-bottom:10px;}
.ddp-wrap-popup .ddp-ui-popup.ddp-type .ddp-ui-user-content {padding:20px 48px 0px 48px; margin-bottom:-35px;}
.ddp-box-owner {position:relative; padding:20px 20px; height:375px; border:1px solid #d5d6db; box-sizing:border-box;}
.ddp-box-owner .ddp-form-search {width:100%;}
.ddp-box-owner .ddp-ui-moretype {padding:13px 0 0 0;}
.ddp-box-owner .ddp-nodata {color:#b7b9c2; font-size:13px;}
ul.ddp-list-owner {position:absolute; top:60px; left:0; right:0; bottom:34px; padding:0 20px; overflow:auto;}
ul.ddp-list-owner li {padding:6px 0;}

/**************************************************************
  Page : 모니터링 Layout
**************************************************************/
.ddp-layout-contents .ddp-ui-contents-in {position:Relative; height:100%;}

.ddp-layout-top-menu {background-color: #fff; /* layer fill content */
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */}
.ddp-layout-top-menu .ddp-top-label {float:left; padding:13px 57px 13px 20px; font-size:22px; color:#b6b9c2;}
.ddp-layout-top-menu .ddp-top-menu {float:left;}

.ddp-layout-top-menu .ddp-top-menu li {float:left; padding-right:28px;}
.ddp-layout-top-menu .ddp-top-menu li a {display:block; position:relative; padding:18px 0; color:#4b515b; font-size:14px;}
.ddp-layout-top-menu .ddp-top-menu li.ddp-selected a {color:#666eb2; font-weight:bold;}
.ddp-layout-top-menu .ddp-top-menu li.ddp-selected a:before {display:block; position:absolute; bottom:0; left:0; right:0; border-bottom:3px solid #666eb2; content:'';}
.ddp-ui-header-option {float:right; padding-right:74px;}
.ddp-ui-header-option .ddp-link-info {margin-top:17px; float:left; width:19px; height:19px; background:url(../../images/icon_header_info.png) no-repeat;}
.ddp-ui-header-option .ddp-link-info:hover{background-position:-20px top;}
.ddp-ui-header-option .ddp-ui-more {position:relative; float:left;margin:17px 0 0 10px;}
.ddp-ui-header-option .ddp-ui-more.ddp-selected .ddp-icon-more:before {background-position:left -4px;}
.ddp-ui-header-option .ddp-ui-more .ddp-wrap-popup2 {display:none; position:absolute; top:100%; right:-10px; width:212px; margin-top:9px;}
.ddp-ui-header-option .ddp-ui-more.ddp-selected .ddp-wrap-popup2 {display:block;}

.ddp-wrap-contents-det {margin-top:-54px; padding:54px 0 0 0; height:100%; box-sizing:Border-box;}
.ddp-wrap-contents-det .ddp-ui-contents-det {height:100%; padding:10px 80px 18px 80px; overflow:auto; box-sizing:border-box;}
.ddp-wrap-contents-det .ddp-ui-contents-det .ddp-wrap-top-filtering {background-color:#fff;}

/**********************************************************************************
        모니터링
**********************************************************************************/
.ddp-layout-contents .ddp-ui-contents-in {position:Relative; height:100%;}

.ddp-layout-contents .ddp-ui-contents-in .ddp-box-searching {position:relative; margin:0 -80px; padding:20px 80px; border-bottom:1px solid #cbcdd2; background-color:#dedee3;  overflow:hidden; z-index:1;}
.ddp-layout-contents .ddp-ui-contents-in .ddp-box-searching .ddp-form-searching {position:relative; float:left; padding:0 0 0 43px; width:675px; border-radius:4px; border:1px solid #d0d1d9; background-color:#fff; box-sizing:border-box; overflow:hidden;}
.ddp-layout-contents .ddp-ui-contents-in .ddp-box-searching .ddp-form-searching input {display:block; width:100%; padding:15px 0; font-size:16px; border:none;}
.ddp-layout-contents .ddp-ui-contents-in .ddp-box-searching .ddp-form-searching .ddp-icon-searching {display:inline-block; position:absolute; top:50%; left:17px; width:17px; height:17px; margin-top:-9px; background:url(../../images/btn_search.png) no-repeat; background-position:left -20px;}
.ddp-layout-contents .ddp-ui-contents-in .ddp-box-searching .ddp-ui-edit-option {position:relative; top:17px; float:left;}
.ddp-layout-contents .ddp-ui-contents-in .ddp-box-searching .ddp-ui-edit-option label.ddp-label-checkbox {display:inline-block; margin-left:40px;}
.ddp-data-monitoring {margin-top:40px;}
.ddp-data-monitoring .ddp-list-title {padding-bottom:7px; color:#4c515a; font-size:14px;}
.ddp-data-monitoring .ddp-list-title em[class*="ddp-icon-"] {display:inline-block;  margin-right:8px; background:url(../../images/icon_monitoring.png) no-repeat; vertical-align: middle;}
.ddp-data-monitoring .ddp-list-title em.ddp-icon-table {width:13px; height:14px;}
.ddp-data-monitoring .ddp-list-title em.ddp-icon-sql {width:17px; height:14px; background-position:left -15px;}
.ddp-data-monitoring .ddp-list-title em.ddp-icon-dataflow {width:13px; height:13px; background-position:left -30px;}
.ddp-data-monitoring .ddp-list-title em.ddp-icon-datasource {width:12px; height:14px; background-position:left -44px;}

table.ddp-table-list {width:100%; table-layout:fixed; border:1px solid #d2d3da; background-color:#fff; }
table.ddp-table-list tr th {padding:7px 15px; color:#4b515b; font-size:12px; font-weight:normal; text-align:left; border-bottom:1px solid #d2d3d9; background-color:#f8f8f8;}
table.ddp-table-list tr td {padding:14px 15px; color:#4c515a; font-size:14px; vertical-align: top; border-top:1px solid #eaeaed;}
table.ddp-table-list tr.ddp-selected td {padding:13px 15px 13px 15px;}
table.ddp-table-list tr.ddp-selected td:first-of-type {padding-left:14px;}
table.ddp-table-list tr.ddp-selected td:last-of-type {padding-right:35px;}
table.ddp-table-list tr:first-of-type td {border-top:none;}
table.ddp-table-list tr td .ddp-txt-long {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; color:#4c515a; font-size:14px;}
table.ddp-table-list tr td .ddp-txt-long span.ddp-txt-colortype {color:#b7bac1;}
table.ddp-table-list tr td strong.ddp-strong {font-size:12px;}
table.ddp-table-list tr td strong.ddp-strong2 {color:#b7b9c2; font-size:12px;}
table.ddp-table-list tr td .ddp-txt-sql {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
}
.ddp-ui-contents-list .ddp-data-none {padding:10px 0 0 25px; color:#b7b9c2; font-size:13px;}
.ddp-log-statistics {padding-bottom:54px;}
.ddp-log-statistics .ddp-ui-option .ddp-clear {margin:0 5px 0 0; padding:0;}
.ddp-log-statistics .ddp-clear {padding:20px 0 0 0; margin:0 -5px;}
.ddp-log-statistics .ddp-clear [class*="ddp-col-"] {padding:0 5px;}

.ddp-log-statistics .ddp-data-title {position:relative; padding-bottom:6px; color:#4b515b; font-size:13px;}
.ddp-log-statistics .ddp-data-title a.ddp-more {position:absolute; right:10px; top:0; font-size:12px; font-style:italic; text-decoration:underline;}
.ddp-log-statistics .ddp-box-chart {height:168px; border:1px solid #d8d8de; border-radius:3px; background-color:#fff;}

/**************************************************************
  Page : 05_06_EngineMonitoring_01overview
**************************************************************/
.ddp-ui-contents-det .ddp-list-option {padding:10px 0 20px 0;}
.ddp-ui-contents-det .ddp-list-option .ddp-wrap-boxtab {float:left;}
.ddp-ui-contents-det .ddp-list-option .ddp-option-right {float:right;}
.ddp-ui-contents-det .ddp-list-option .ddp-form-label2 label.ddp-label-type {color:#90969f;}
.ddp-ui-contents-det .ddp-box-type {background-color:#fff; border:1px solid #d2d3da; border-radius:2px; margin:4px 0 10px 0; }
.ddp-ui-contents-det .ddp-view-setting {margin:6px 0 8px 0;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name {float:left;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-data-date {display:inline-block; position:relative; top:3px; margin-left:6px; color:#90969f; font-size:13px; vertical-align:top;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-type-selectbox {display:inline-block; position:relative; top:-5px; width:77px; margin:0 6px;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-btn-refresh {display:inline-block; position:relative; top:-7px;width:12px; height:13px; margin-left:5px; background:url(../../images/icon_refresh2.png) no-repeat; background-position:-42px top;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-txt-label {float:left; color:#4b515b; font-size:14px;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info {position:relative; top:3px; float:left; margin:0 0 0 9px;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-btn-info2 {display:inline-block; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:left -16px;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info:hover .ddp-box-layout4 {display:block;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-wrap-hover-layout {position:absolute; top:-10px; left:100%; }
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-box-layout4 {display:none; margin-left:5px;width:auto; min-width:320px; z-index:10;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-box-layout4 table tr td {white-space:nowrap;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-box-layout4 table.ddp-table-info tr th {font-weight:normal; color:#90969f; letter-spacing:-0.6px;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-bar-size {display:block; position:relative; height:12px; margin-top:5px; background-color:#e7e7ea;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-bar-size .ddp-data-bar .ddp-ui-tooltip-info {display:none; top:100%; margin-top:8px; margin-left:-29px; width:57px; text-align:center; box-sizing:border-box;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-bar-size .ddp-data-bar:hover .ddp-ui-tooltip-info {display:block;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-bar-size .ddp-data-bar {position:absolute; top:0; left:0; bottom:0; background-color:#4b515b; cursor:pointer;}
.ddp-ui-contents-det .ddp-view-setting .ddp-label-name .ddp-wrap-info .ddp-bar-size .ddp-data-line {position:absolute; top:0; bottom:0; right:10px; border-left:1px solid #dc494f}
.ddp-wrap-engine-graph {display:flex; margin-left:-6px;}
.ddp-wrap-engine-graph .ddp-box-graph {position:relative; margin-left:6px;border-radius:3px;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-btn-link-go {display:inline-block; position:relative; top:4px; margin-left:5px; width:12px; height:13px; background:url(../../images/icon_buttons.png) no-repeat; background-position:left -376px; opacity:0.7;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-btn-link-go:hover {opacity:1;}
.ddp-wrap-engine-graph .ddp-box-graph.type-cpu,
.ddp-wrap-engine-graph .ddp-box-graph.type-memory {position:relative; width:250px; height:250px; background-color:#5373c6;}
.ddp-wrap-engine-graph .ddp-box-graph.type-memory {background-color:#5373c6;}
.ddp-wrap-engine-graph .ddp-box-graph.type-memory .ddp-icon-status2 {position:absolute; top:16px; right:10px;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-box-label {padding:19px 18px 0 18px; color:#fff; font-size:14px;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-graph-round {display:table; position:absolute; bottom:30px; left:50%; margin-left:-77px; width:154px; height:154px;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-graph-round .ddp-graph-in {display:table-cell; vertical-align:middle; text-align:center;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-graph-round .ddp-graph-in .ddp-data-num {display:block; font-size:40px; color:#fff;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-graph-round .ddp-graph-in .ddp-data-per {display:inline-block; padding:2px 6px 3px 6px; margin-top:9px; color:#fff; font-size:12px; border-radius:2px; background-color:#415b9e;}
.ddp-wrap-engine-graph .ddp-box-graph.type-memory .ddp-graph-round .ddp-graph-in .ddp-data-per {background-color:#2f426c;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-data-per .ddp-icon-up,
.ddp-wrap-engine-graph .ddp-box-graph .ddp-data-per .ddp-icon-down {display:inline-block; position:relative; top:6px; width:7px; height:4px; margin-right:4px; background:url(../../images/icon_graph_per.png) no-repeat; transform:rotate(180deg); vertical-align:top;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-data-per .ddp-icon-down {transform:rotate(0deg)}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-graph-line {position:absolute; bottom:0; left:0; right:0; height:79px;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-graph-num {position:absolute; bottom:35px; left:0; right:0; text-align:center; color:#fff; font-size:30px; font-weight:bold;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-icon-status {position:absolute; top:19px; right:17px;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-icon-status .ddp-icon-error,
.ddp-wrap-engine-graph .ddp-box-graph .ddp-icon-status .ddp-icon-warning,
.ddp-wrap-engine-graph .ddp-box-graph.type-count-num .ddp-icon-status2 .ddp-icon-warning,
.ddp-wrap-engine-graph .ddp-box-graph .ddp-icon-warning {display:none; width:19px; height:18px; background:url(../../images/icon_confidence.png) no-repeat; background-position:-20px -21px;}
.ddp-wrap-engine-graph .ddp-box-graph .ddp-icon-status .ddp-icon-error {width:20px; height:20px; background-position:-21px -57px;}
.ddp-wrap-engine-graph .ddp-box-graph.type-warning {background-color:#f3b110;}
.ddp-wrap-engine-graph .ddp-box-graph.type-warning .ddp-icon-status .ddp-icon-warning {display:block;}
.ddp-wrap-engine-graph .ddp-box-graph.type-warning .ddp-graph-round .ddp-graph-in .ddp-data-per {background-color:#c28d0d;}
.ddp-wrap-engine-graph .ddp-box-graph.type-error {background-color:#ba363a;}
.ddp-wrap-engine-graph .ddp-box-graph.type-error .ddp-icon-status .ddp-icon-error {display:inline-block;}
.ddp-wrap-engine-graph .ddp-box-graph.type-error .ddp-graph-round .ddp-graph-in .ddp-data-per {background-color:#952a2e;}
.ddp-wrap-engine-graph .ddp-wrap-line-graph {flex:auto; display:flex; flex-direction: column;}
.ddp-wrap-engine-graph .ddp-box-graph.type-count {margin-bottom:6px; height:122px; background-color:#383f49;}
.ddp-wrap-engine-graph .ddp-box-graph.type-count-num {width:200px; margin-bottom:6px; height:122px; background-color:#75ab4f;}
.ddp-wrap-engine-graph .ddp-box-graph.type-count-num .ddp-icon-status2 {position:absolute; top:16px; right:10px;}
.ddp-wrap-engine-graph .ddp-box-graph.type-count-num .ddp-icon-status2 .ddp-icon-warning {}
.ddp-wrap-engine-graph .ddp-box-graph.type-count-num .ddp-data-per {display:inline-block; padding:2px 6px 3px 6px; margin-left:5px; border-radius:2px; font-size:12px; background-color:#5e8940; color:#fff;}
.ddp-wrap-engine-graph .ddp-box-graph.type-count-num.type-warning {background-color:#f3a611;}
.ddp-wrap-engine-graph .ddp-box-graph.type-count-num.type-warning .ddp-icon-warning {display:block; float:left;}
.ddp-wrap-engine-graph .ddp-box-graph.type-count-num.type-warning .ddp-data-per {background-color:#dc494f;}
.ddp-wrap-engine-graph .ddp-box-graph.type-datasource,
.ddp-wrap-engine-graph .ddp-box-graph.type-segment{width:250px; height:122px; margin-bottom:6px;background-color:#ffaa35;}
.ddp-wrap-engine-graph .ddp-box-graph.type-datasource.type-warning {background-color:#ffaa35;}

.ddp-wrap-engine-graph .ddp-box-graph.type-segment {background-color:#e94f5f;}
.ddp-wrap-engine-graph .ddp-box-graph.type-datasource .ddp-data-per {display:inline-block; padding:2px 6px 3px 6px; border-radius:2px; color:#fff; background-color:rgba(0, 0, 0, 0.2);}
.ddp-wrap-engine-graph .ddp-box-graph.type-datasource.type-warning .ddp-icon-warning {display:inline-block; margin-left:3px; vertical-align:middle;}
.ddp-wrap-engine-graph .ddp-box-graph.type-datasource.type-warning .ddp-data-per {background-color:#dc494f;}
.ddp-wrap-engine-graph .ddp-box-graph.type-task {margin-bottom:6px; height:122px; background-color:#478743;}
.ddp-wrap-engine-graph .ddp-wrap-num-graph {display:flex; flex-direction: column;}

.ddp-ui-contents-det .ddp-view-setting .ddp-date-setting {float:right;}
.ddp-ui-contents-det .ddp-view-setting .ddp-date-setting .ddp-btn-toggle {float:left; height:30px; margin-left:3px; padding:7px 10px 7px 10px; background-color:#d0d1d8; border-radius:2px; color:#4b515b; font-size:13px; text-align:center; box-sizing:border-box;}
.ddp-ui-contents-det .ddp-view-setting .ddp-date-setting .ddp-btn-toggle.ddp-selected {background-color:#4b515b; color:#fff;}
.ddp-ui-contents-det .ddp-view-setting .ddp-date-setting .ddp-data-date {padding:6px 0; margin-right:10px; float:left; color:#4b515b;}
.ddp-ui-contents-det .ddp-view-setting .ddp-date-setting .ddp-data-date .ddp-btn-refresh {display:inline-block; width:12px; height:13px; margin-left:5px; background:url(../../images/icon_refresh2.png) no-repeat; background-position:-42px top; vertical-align:middle;}

.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value {display:flex; padding:20px 20px 19px 20px; margin-left:-6px;border-bottom:1px dotted #d2d3da;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-ui-status-value {flex:auto; margin-left:6px; box-sizing:border-box;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-ui-status-value.type-all {flex:initial; width:80px;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-ui-status-value:first-of-type {padding-left:0;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status {display:block;position:relative; padding:11px 0 11px 20px; height:38px; border-radius:3px; font-size:13px; font-weight:bold; box-sizing:border-box; cursor:pointer;}

.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-selected:after {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #90969f; content:''; border-radius:3px;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-all {padding:11px 0 11px 0; text-align:center; background-color:#f5f5f5; color:#90969f;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-all.type-selected:after {border:1px solid #90969f;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-warning {color:#f7af88; background-color:rgba(255, 182, 2, 0.1);}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-warning.type-selected:after {border:1px solid #ffb602; }
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-error {color:#dc494f; background-color:rgba(237, 57, 73, 0.1);}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-error.type-selected:after {border:1px solid #dc494f;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-historical {color:#58bb90; background-color:rgba(120, 196, 164, 0.1);}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-historical.type-selected:after {border:1px solid #78c4a4; }
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-normal {color:#58bb90; background-color:rgba(120, 196, 164, 0.1);}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-normal.type-selected:after {border:1px solid #78c4a4; }
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-middleManager {color:#dc494f; background-color:rgba(237, 57, 73, 0.1);}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-middleManager.type-selected:after {border:1px solid #dc494f;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status:hover {color:#fff !important;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-all:hover {background-color:#90969f;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-warning:hover {background-color:#ffb602;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-error:hover {background-color:#dc494f;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-historical:hover {background-color:#58bb90;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-normal:hover {background-color:#58bb90;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-middleManager:hover {background-color:#dc494f;}

.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status [class*="ddp-icon-status"] {position:absolute; top:50%; right:11px; margin-top:-10px;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status:hover [class*="ddp-icon-status"] {background-position-x:-21px;}

.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status:hover:before {display:none;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status:before {display:none;position:absolute; left:0; top:0; bottom:0; width:5px; border-radius:4px; content:'';}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-selected:before {display:block;}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-warning:before {background-color:#ffb602}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-error:before {background-color:#dc494f}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-historical:before{background-color:#78c4a4}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-normal:before{background-color:#78c4a4}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-middleManager:before{background-color:#dc494f}
.ddp-ui-contents-det .ddp-box-type .ddp-wrap-status-value .ddp-label-status.type-all:before {background-color:#90969f;}
.ddp-type-server {padding-bottom:20px;}
.ddp-type-server .ddp-box-top-setting .ddp-type-search {float:left; margin:15px 20px 0 20px;}
.ddp-type-server .ddp-box-top-setting .ddp-type-option {float:right; padding:0 20px 8px 0;}

.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-form-label2,
.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-wrap-edit3,
.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-list-tab-button{float:left;}
.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-form-label2 {padding:12px 18px 0 0;}
.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-form-label2 .ddp-type-selectbox {width:140px;}
.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-wrap-edit3 {width:auto; padding:10px 0 0 0;}
.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-wrap-edit3 label.ddp-label-type {display:inline-block; width:auto; margin-right:8px;}
.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-wrap-edit3 label.ddp-label-radio .ddp-tag-status {margin:-2px 0;}

.ddp-type-server .ddp-box-top-setting .ddp-type-option .ddp-list-tab-button {margin:13px 0 0 20px}

.ddp-type-server .ddp-box-detail {padding:0 20px; margin-bottom:-10px;}
.ddp-type-server .ddp-box-detail .ddp-grid-detail {position:Relative; margin:-2px -2px 10px -2px;  clear:both;}
.ddp-type-server .ddp-box-detail .ddp-grid-detail .ddp-grid-box {float:left; width:36px; padding:10px 0 11px 0; margin:2px;background-color: rgba(120, 196, 164, 0.1); text-align:center; color:#58bb90;}
.ddp-type-server .ddp-box-detail .ddp-grid-detail .ddp-grid-box.type-error {background-color:#dc494f; color:#fff;}
.ddp-type-server .ddp-box-detail .ddp-grid-detail .ddp-wrap-tooltip {display:inline-block; position:absolute; max-width:260px; padding:10px 10px; border-radius:3px; background-color:rgba(0,0,0,0.8); color:#fff; font-size:13px; box-sizing:Border-box;}
.ddp-type-server .ddp-box-detail .ddp-grid-detail .ddp-wrap-tooltip .ddp-data-error {color:#dc494f; font-weight:bold;}
.ddp-type-server .ddp-box-detail .ddp-grid-detail .ddp-wrap-tooltip .ddp-data-det {padding:2px 0 10px 0; color:#b6b9c2;}
.ddp-type-server .ddp-box-detail .ddp-grid-detail .ddp-wrap-tooltip .ddp-data-name { color:#b6b9c2; font-size:13px;}
.ddp-type-server .ddp-box-detail .ddp-grid-detail .ddp-wrap-tooltip .ddp-data-name .ddp-txt-name {color:#fff;}
.ddp-type-server .ddp-box-detail .ddp-table-detail3 {margin-bottom:10px;}

table.ddp-table-detail3 {border-collapse: collapse; border:1px solid #d0d1d9;}
table.ddp-table-detail3 tr th {position:relative;padding:9px 30px 9px 14px;color:#90969f; font-weight:normal;text-align:Left; border-bottom:1px solid #d0d1d9; border-right:1px solid #e7e7ea; }
table.ddp-table-detail3 tr th:last-of-type {border-right:none}
table.ddp-table-detail3 tr th [class*="ddp-icon-array"] {position:absolute; top:50%; right:5px; margin-top:-10px;}
table.ddp-table-detail3 tr td {padding:9px 18px 9px 18px; border:1px solid #e7e7ea; border-left:none; vertical-align:top; color:#4b515b; font-size:13px;}
table.ddp-table-detail3 tr:last-of-type td {border-bottom:none;}
table.ddp-table-detail3 tr:nth-child(odd) td {background-color:#fafafa;}
table.ddp-table-detail3 tr td ul.ddp-list-data {margin:-9px -18px;}
table.ddp-table-detail3 tr td ul.ddp-list-data li {padding:9px 18px 9px 18px;}
table.ddp-table-detail3 tr td ul.ddp-list-data li:nth-child(odd) {background-color:#fafafa;}
table.ddp-table-detail3 tr td:last-of-type {border-right:none;}
/*table.ddp-table-detail3 tr:nth-child(odd) td {background-color:#fafafa;}*/
table.ddp-table-detail3 tr td .ddp-tag-status {margin:-3px 0;}
table.ddp-table-detail3 tr td .ddp-data-node {font-size:13px; font-weight:bold;}

table.ddp-table-detail3 tr td .ddp-data-node.type-broker {color:#f7af88;}
table.ddp-table-detail3 tr td .ddp-data-node.type-coordinator {color:#f78887;}
table.ddp-table-detail3 tr td .ddp-data-node.type-historical {color:#93cf6d;}
table.ddp-table-detail3 tr td .ddp-data-node.type-overlord {color:#54bc9b;}
table.ddp-table-detail3 tr td .ddp-data-node.type-middleManager {color:#8899d9;}
table.ddp-table-detail3 tr td .ddp-type-status-error {position:relative;}
table.ddp-table-detail3 tr td .ddp-type-status-error .ddp-txt-error {position:relative; font-style:normal; margin-left:8px; cursor:pointer;}
table.ddp-table-detail3 tr td .ddp-type-status-error .ddp-txt-error  .ddp-icon-error {margin-right:4px;}
table.ddp-table-detail3 tr td .ddp-type-status-error .ddp-box-layout4 .ddp-data-title .ddp-sub-title {font-weight:normal;}
table.ddp-table-detail3 tr td .ddp-type-status-error .ddp-box-layout4 {display:none; position:absolute; top:100%; left:0; margin-top:5px;width:auto; }
table.ddp-table-detail3 tr td .ddp-type-status-error .ddp-box-layout4 .ddp-data-det {white-space:nowrap;}
table.ddp-table-detail3 tr td .ddp-type-status-error:hover .ddp-box-layout4 {display:block;}
table.ddp-table-type3 tbody tr td .ddp-box-btn-able {display:inline-block; position:relative; width:30px; height:30px; border-radius:2px;box-sizing:border-box;}
table.ddp-table-type3 tbody tr td .ddp-box-btn-able:hover { border:1px solid #ddd; background-color:#f6f6f7; }
table.ddp-table-type3 tbody tr td .ddp-box-btn-able:hover .ddp-ui-tooltip-info {display:block;}
table.ddp-table-type3 tbody tr td .ddp-box-btn-able .ddp-ui-tooltip-info {display:none; position:absolute; right:-10px; left:auto;}
table.ddp-table-type3 tbody tr td .ddp-box-btn-able .ddp-ui-tooltip-info .ddp-icon-view-top {right:25px; margin-left:0; left:auto;}
table.ddp-table-type3 tbody tr td .ddp-box-btn-able .ddp-icon-enable,
table.ddp-table-type3 tbody tr td .ddp-box-btn-able .ddp-icon-disable {display:inline-block; position:absolute; top:50%; left:50%; background:url(../../images/icon_buttons.png) no-repeat;}
table.ddp-table-type3 tbody tr td .ddp-box-btn-able .ddp-icon-enable {width:15px; height:9px; margin:-5px 0 0 -7px; background-position:-32px -163px}
table.ddp-table-type3 tbody tr td .ddp-box-btn-able .ddp-icon-disable {width:16px; height:16px; margin:-7px 0 0 -8px; background-position:left -390px}

/**************************************************************
  Page : 05_06EngineMonitoring_02Ingestion_01List
**************************************************************/
.ddp-ui-contents-det .ddp-list-option {padding:10px 0 20px 0;}
.ddp-ui-contents-det .ddp-list-option .ddp-wrap-boxtab {float:left;}
.ddp-ui-contents-det .ddp-list-option .ddp-option-right {float:right;}
.ddp-ui-contents-det .ddp-list-option .ddp-form-label2 label.ddp-label-type {color:#90969f;}
.ddp-form-label2 .ddp-wrap-dropdown.type-refresh {position:relative; padding-right:29px;}

.ddp-ui-contents-det .ddp-wrap-top-filtering {margin:0 0 10px 0; padding:0 20px}

.ddp-wrap-top-filtering .ddp-filter-search.type-dataname .ddp-form-filter-search {width:234px;}
.ddp-wrap-top-filtering .ddp-form-filtering:first-of-type .ddp-result-filtering {margin-left:0;}

/* refresh form */
.ddp-wrap-dropdown.type-refresh .ddp-btn-refresh {display:inline-block; position:absolute; top:0; right:0; width:30px; height:30px; border-radius:0 2px 2px 0; background-color:#90969f;}
.ddp-wrap-dropdown.type-refresh .ddp-btn-refresh:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-8px 0 0 -9px; width:18px; height:15px; background:url(../../images/btn_refresh.png) no-repeat; background-position:-36px top;content:'';}

/**************************************************************
  Page : 05_06EngineMonitoring_02Ingestion_01Task_02Detail
**************************************************************/
.ddp-top-flow .ddp-wrap-navi .ddp-data-name {display:block;padding:14px 0;font-size:16px; color:#4b515b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-datadetail.type-detail .ddp-data-sub {padding:0 20px;}
.ddp-ui-datadetail.type-detail .ddp-wrap-log {position:relative; margin-top:10px; height:397px; padding:15px 15px 76px 15px; background-color:#35393f; box-sizing:border-box;}
.ddp-ui-datadetail.type-detail .ddp-wrap-log .ddp-box-log {height:100%; color:#fff;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option {position:absolute; bottom:10px; left:10px; right:10px; background:#f6f6f7; border-radius:2px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-left-option {float:left;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option {padding:14px 0 14px 13px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dt {float:left; position:relative; top:8px; padding-right:6px; color:#4b515b; font-size:12px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dd {float:left;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dd .ddp-data-status {position:relative; top:8px; float:left; margin-right:16px; font-weight:bold; color:#4b515b; font-size:12px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dd .ddp-box-status {float:left; margin-right:4px; padding:6px 8px;color:#fff; font-size:13px; border-radius:3px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dd .ddp-box-status.type-error {background-color:#ed3949;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dd .ddp-box-status.type-warning {background-color:#ffba00;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dd .ddp-box-status:before {display:inline-block; background:url(../../images/icon_info3.png) no-repeat; content:''; vertical-align:middle;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dd .ddp-box-status.type-error:before {width:13px; height:13px;background-position:-14px -27px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-dl-option dd .ddp-box-status.type-warning:before {width:13px; height:12px; background-position:-14px -67px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-right-option {float:right;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-ui-btn-log {float:left; padding:20px 25px 0 0;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-btn-log {float:left; margin-left:15px; background:url(../../images/btn_log.png) no-repeat;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-btn-log.type-refresh {width:14px; height:14px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-btn-log.type-down {width:13px; height:13px; background-position-y:-15px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-btn-log.type-newwindow {width:14px; height:12px; background-position-y:-29px;}
.ddp-ui-datadetail.type-detail .ddp-box-log-option .ddp-btn-log.type-newtab {width:13px; height:13px;background-position-y:-43px;}

.ddp-ui-datadetail.type-detail .ddp-box-graph {height:250px; padding:20px; background-color:#383f49; box-sizing:border-box;}
.ddp-ui-datadetail .ddp-label-option {position:relative;}
.ddp-ui-datadetail .ddp-label-option .ddp-type-selectbox {position:absolute; top:-12px; right:0; width:180px;}

.ddp-detail-contents.type-form .ddp-option-type {position:absolute; top:0; right:40px; z-index:1;}
.ddp-detail-contents.type-form .ddp-option-type .ddp-type-selectbox {width:180px;}
.ddp-detail-contents.type-form .ddp-wrap-monitoring {height:330px;background-color:#383f49;}
.ddp-detail-overview {margin-top:20px;}
.ddp-detail-overview .ddp-label {margin-bottom:10px;color:#4e5368; font-weight:bold;}
.ddp-detail-overview .ddp-box-viewtable {position:absolute; top:373px; left:0; right:0; bottom:20px; min-height:auto; border:1px solid #d0d1d8; overflow:auto;}
.ddp-detail-contents .ddp-view-datadetail {position:absolute; top:30px; left:0; right:0; bottom:0; padding:0 0 20px 20px; overflow:auto;}
.ddp-detail-contents .ddp-view-datadetail .ddp-ui-datadetail .ddp-label-detail {font-size:13px; font-weight:bold;}
.ddp-detail-contents .ddp-view-datadetail .ddp-wrap-graph {height:230px;background-color:#383f49;}
.ddp-detail-contents .ddp-ui-datadetail.type-detail + .ddp-ui-datadetail.type-detail {padding-top:20px;}
.ddp-table-detail tr td .ddp-datasource .ddp-tag-status {display:inline-block; margin-right:8px;}
.ddp-table-detail tr td .ddp-datasource .ddp-txt-info {display:inline-block;}

/**************************************************************
  popup : 05_06DataMonitoring_01overview_01DruidInfo_popup
**************************************************************/
.ddp-pop-preview.ddp-type.page-information {left:170px; right:170px;}

.ddp-wrap-informaiton {position:relative; padding:0 20px; height:100%; box-sizing:border-box; overflow:auto; z-index:1;}
.ddp-wrap-informaiton .ddp-ui-detail {padding-bottom:20px; margin-bottom:20px; border-top:1px solid #e7e7ea;}
.ddp-wrap-informaiton .ddp-ui-detail:first-of-type {border-top:none;}
.ddp-wrap-informaiton .ddp-ui-detail.ddp-task-detail {padding:20px 0;}
.ddp-wrap-informaiton .ddp-ui-detail.ddp-task-detail table.ddp-table-detail2 tr th {padding-left:0;}
.ddp-wrap-informaiton .ddp-ui-detail.ddp-task-detail  table.ddp-table-detail2 {margin-bottom:14px;}

/**********************************************************************************
	모니터링 flow
**********************************************************************************/
.ddp-type-flow {position:absolute; top:101px; left:0; right:0; bottom:0; box-sizing:border-box; overflow:auto;}
.ddp-type-flow.ddp-flow {background-color:#e7e7ea; overflow:hidden;}
.ddp-type-flow .ddp-type-top-option {padding:13px 20px; background-color:#fff;}
.ddp-type-flow .ddp-type-top-option .ddp-wrap-dropdown {width:96px;}
.ddp-type-flow .ddp-type-top-option em.ddp-icon-widget-save {position:relative; margin-left:15px;}
.ddp-type-flow .ddp-type-top-option em.ddp-icon-widget-save .ddp-ui-tooltip-info.ddp-down em.ddp-icon-view-top {right:18px;}

.ddp-view-flow {overflow:hidden;}
.ddp-view-flow .ddp-wrap-box {margin:0 -20px; box-sizing:border-box; background-color:#fff;}
.ddp-icon-flowline {position:absolute; top:10px; left:0; width:40px; height:1px; margin-left:-20px; border-top:1px solid #b7b9c2; z-index:1;}
.ddp-icon-flowline.ddp-right {left:auto; right:0; margin-left:0; margin-right:-20px;}
.ddp-icon-flowline:before {display:inline-block; position:absolute; top:50%; left:-2px; margin-top:-5px;content:''; width:7px; height:7px; border-radius:50%; background-color:#b7b9c2;}
.ddp-icon-flowline:after  {display:inline-block; position:absolute; top:50%; right:0; margin-top:-5px;content:''; width:10px; height:7px; background:url(../../images/icon_flowline.png) no-repeat;}
.ddp-icon-flowline.ddp-type-dot {border-top:1px dotted #b7b9c2;}

.ddp-box-flow { width:37%; float:left; padding:0 20px; box-sizing:border-box;}
.ddp-box-flow.ddp-center {width:inherit; position:absolute; top:0; left:37%; right:37%;}
.ddp-box-flow.ddp-last {float:right;}
.ddp-wrap-box-flow { position:relative; overflow:hidden;}

.ddp-data-flow {position:relative; width:100%; height:100%; border:1px solid #eaeaed; box-sizing:border-box;}
.ddp-data-flow .ddp-title {padding:7px 0; color:#4b515b; font-size:13px; font-weight:bold; text-align:center;}
.ddp-data-flow table.ddp-table-grid {border-bottom:none;}
.ddp-data-flow .ddp-wrap-table {overflow:auto;}
table.ddp-table-grid {table-layout:fixed; width:100%; border-collapse:collapse; border-top:1px solid #ebebed; border-bottom:1px solid #ebebed;;}
table.ddp-table-grid tr th {padding:10px 7px; color:#4b515b; font-size:12px; text-align:left; font-weight:normal; border-left:1px solid #ebebed; border-bottom:1px solid #ebebed;}
table.ddp-table-grid tr td {padding:5px 7px; font-size:12px; color:#4a525c; text-align:left; border-left:1px solid #ebebed; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
table.ddp-table-grid tr:nth-child(odd) td {background-color:#fafafa;}
table.ddp-table-grid tr th:first-of-type,
table.ddp-table-grid tr td:first-of-type {border-left:none;}
em[class*="ddp-icon-mt-"] {display:inline-block;  margin-right:8px; background:url(../../images/icon_monitoring.png) no-repeat; vertical-align: middle;}
em.ddp-icon-mt-table {width:13px; height:14px;}
em.ddp-icon-mt-sql {width:17px; height:14px; background-position:left -15px;}
em.ddp-icon-mt-dataflow {width:13px; height:13px; background-position:left -30px;}
em.ddp-icon-mt-datasource {width:12px; height:14px; background-position:left -44px;}
em.ddp-icon-mt-data {width:13px; height:14px; background-position:left -59px;}

.ddp-type-flow .ddp-wrap-result {padding:11px 11px 0 11px;}
.ddp-type-flow.ddp-flow .ddp-wrap-result {padding-bottom:10px;}
.ddp-type-flow .ddp-wrap-result:before,
.ddp-type-flow .ddp-wrap-result:after {display:table; content:'';}
.ddp-type-flow .ddp-wrap-result:after {clear:both;}

.ddp-wrap-naviarea .ddp-ui-navidata .ddp-data-lineage-num {float:left; padding:15px 9px 5px 0; font-size:13px; color:#90969f;}
.ddp-wrap-naviarea .ddp-ui-navidata ul.ddp-list-tab-button {margin-top:11px; margin-right:8px; border:1px solid #b7b9c3;}
.ddp-wrap-naviarea .ddp-ui-navidata ul.ddp-list-tab-button li {position:Relative;}
.ddp-wrap-naviarea .ddp-ui-navidata ul.ddp-list-tab-button li .ddp-ui-tooltip-info {left:inherit; right:-10px;}
.ddp-wrap-naviarea .ddp-ui-navidata ul.ddp-list-tab-button li .ddp-ui-tooltip-info em.ddp-icon-view-top {left:inherit; right:19px;}

.ddp-box-flowdetail.ddp-default {width:306px; border:none; top:0; right:0; bottom:0; background-color:#fff;}
.ddp-box-flowdetail.ddp-default:before {display:none;}
.ddp-box-flowdetail.ddp-default .ddp-box-in {bottom:0;}
.ddp-box-flowdetail.ddp-default .ddp-data-filename,
.ddp-box-flowdetail.ddp-default .ddp-data-explain  {cursor:default;}
.ddp-box-flowdetail.ddp-default .ddp-data-filename {margin-top:25px;}

.ddp-box-lineage {padding:10px 23px; white-space:nowrap;}
.ddp-view-flow .ddp-data-lineage {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; overflow:auto;}
.ddp-view-flow .ddp-data-lineage.ddp-selected  {right:310px;}
.ddp-wrap-entity {display:inline-block; position:relative; padding:0 18px; margin-right:23px; white-space:nowrap;}
.ddp-wrap-entity .ddp-btn-plus {display:inline-block; width:18px; height:56px; background:url(../../images/btn_plus.png) no-repeat;}
.ddp-wrap-entity .ddp-btn-plus:hover {background-position:-18px top;}

.ddp-wrap-entity .ddp-btn-plus.ddp-start {position:absolute; top:0; left:0;}
.ddp-wrap-entity .ddp-btn-plus.ddp-end {position:absolute; top:0; right:0;}
.ddp-box-entity:last-of-type {margin-right:0;}
.ddp-box-entity {display:inline-block; width:190px; margin-right:36px; padding:0 12px; position:relative; border:1px solid #e9ebef; border-radius:2px; box-sizing:border-box; vertical-align: top; cursor: pointer;}
.ddp-box-entity.ddp-search-unit {border:1px solid #4a515c;}

.ddp-box-entity.ddp-click-unit {border:1px solid #666eb2; background-color:#666eb2;}
.ddp-box-entity.ddp-click-unit .ddp-ui-name {color:#fff;}

.ddp-box-entity.ddp-click-unit em.ddp-icon-mt2-table {background-position:-17px top;}
.ddp-box-entity.ddp-click-unit em.ddp-icon-mt2-dataflow {background-position:-17px -16px;}
.ddp-box-entity.ddp-click-unit em.ddp-icon-mt2-sql  {background-position:-23px -32px;}

.ddp-box-entity.ddp-click-unit.ddp-selected {background-color:#fff; color:#4a515c;}

.ddp-box-entity.ddp-click-unit.ddp-selected em.ddp-icon-mt2-table {background-position:0 top;}
.ddp-box-entity.ddp-click-unit.ddp-selected em.ddp-icon-mt2-dataflow {background-position:0 -16px;}
.ddp-box-entity.ddp-click-unit.ddp-selected em.ddp-icon-mt2-sql  {background-position:0 -32px;}

.ddp-box-entity:first-of-type:after {display:none;}
.ddp-box-entity:after {display:inline-block; content:''; position:absolute; top:25px; left:-44px; width:44px; height:7px; background:url(../../images/icon_flowline2.png) no-repeat;}
.ddp-box-entity .ddp-ui-name {display:block; position:relative; padding:20px 15px 20px 33px; height:54px; color:#35393f; font-size:12px; font-weight:bold;  box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-box-entity .ddp-ui-name .ddp-data-sql {display:block; margin-top:-5px; color:#4b515b; font-size:12px; font-weight:normal;
  white-space:normal; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
}
.ddp-box-entity .ddp-icon-view {display:inline-block; position:absolute; top:24px; right:12px; width:10px; height:6px; background:url(../../images/icon_selecview.png) no-repeat; background-position:left -51px;}
.ddp-box-entity.ddp-detail-unit:before {display:inline-block; content:''; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:2px solid #666eb2;}
.ddp-box-entity.ddp-connection {background-color:#f2f1f9;}
.ddp-box-entity.ddp-connection .ddp-ui-name {color:#666eb2;}
.ddp-box-entity.ddp-connection em.ddp-icon-mt2-table {background-position:-34px top;}
.ddp-box-entity.ddp-connection em.ddp-icon-mt2-dataflow {background-position:-32px -16px;}
.ddp-box-entity.ddp-connection em.ddp-icon-mt2-sql  {background-position:-46px -32px;}
.ddp-box-entity.ddp-connection.ddp-selected {background-color:#fff; color:#4a515c;}
.ddp-box-entity.ddp-connection.ddp-selected .ddp-ui-name {color:#4a515c;}

.ddp-box-entity.ddp-connection.ddp-selected em.ddp-icon-mt2-table {background-position:0 top;}
.ddp-box-entity.ddp-connection.ddp-selected em.ddp-icon-mt2-dataflow {background-position:0 -16px;}
.ddp-box-entity.ddp-connection.ddp-selected em.ddp-icon-mt2-sql  {background-position:0 -32px;}

.ddp-box-entity.ddp-selected .ddp-icon-view {transform:rotate(180deg);}
.ddp-box-entity.ddp-selected .ddp-list-column {display:block;}
.ddp-box-entity em[class*="ddp-icon-mt2-"]{display:inline-block; position:absolute; top:50%; left:8px; margin-right:6px;  background:url(../../images/icon_monitoring2.png) no-repeat; vertical-align: middle;}
.ddp-box-entity em.ddp-icon-mt2-table {width:16px; height:15px; margin-top:-8px;}
.ddp-box-entity em.ddp-icon-mt2-dataflow  {width:16px; height:15px;  margin-top:-8px;background-position:left -16px;}
.ddp-box-entity em.ddp-icon-mt2-sql  {left:7px; width:22px; height:20px;  margin-top:-10px;background-position:left -32px;}

.ddp-box-entity .ddp-list-column {display:none; padding-bottom:8px;}
.ddp-box-entity .ddp-list-column li {padding:2px 0;}
.ddp-box-entity .ddp-list-column li:first-of-type {padding-top:0;}
.ddp-box-entity .ddp-list-column li a.ddp-box-column {display:block; position:relative; padding:8px 8px 8px 44px; border:1px solid #e7e7ea; border-radius:2px; font-size:12px; color:#4b515b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-box-entity .ddp-list-column.ddp-list-sql li a.ddp-box-column {padding-left:15px;}
.ddp-box-entity .ddp-list-column li a.ddp-box-column .ddp-icon-type-ab {positioN:absolute; top:50%; left:16px;}
.ddp-box-entity .ddp-list-column li.ddp-selected a.ddp-box-column {background-color:#666eb2; color:#fff;}
.ddp-box-entity .ddp-list-column li.ddp-selected a.ddp-box-column .ddp-icon-type-ab {background-position:-14px top;}

.ddp-box-entity .ddp-list-column li.ddp-connection a.ddp-box-column {background-color:#f2f1f9; border:1px solid #e9ebef; color:#666eb2;}
.ddp-box-entity .ddp-list-column li.ddp-connection a.ddp-box-column .ddp-icon-type-ab {background-position:-71px top;}

/**********************************************************************************
        모니터링 jobstatistics detail
**********************************************************************************/
.ddp-logdetail {text-align:left;}
.ddp-logdetail .ddp-data-logdet {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-logdetail .ddp-data-logdet span{display:inline-block;}
.ddp-logdetail .ddp-data-logdet.ddp-long {display:block; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-logdetail .ddp-wrap-logdetail {float:right; margin-top:-3px; display:none;}
.ddp-logdetail .ddp-wrap-logdetail .ddp-btn-detail {position:relative; display:inline-block; margin-left:5px; width:19px; height:19px; }
.ddp-logdetail .ddp-wrap-logdetail .ddp-btn-detail:hover {background-color:#e7e7ea;}
.ddp-logdetail .ddp-wrap-logdetail.ddp-selected .ddp-btn-detail {background-color:#e7e7ea;}
.ddp-logdetail .ddp-wrap-logdetail .ddp-btn-detail:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:11px; height:11px; background:url(../../images/icon_detail.png) no-repeat; content:''; opacity:0.6;}
.ddp-logdetail .ddp-wrap-logdetail .ddp-btn-detail:hover:before {opacity:1;}
.ddp-logdetail .ddp-wrap-logdetail.ddp-selected .ddp-pop-logdetail {display:block;}
.ddp-logdetail .ddp-pop-logdetail {display:none; position:absolute; left:20px; top:100%; padding:15px 15px 53px 15px ; margin-top:4px; width:845px; border:1px solid #ddd; border-radius:2px; background-color:#fff;text-align:left; z-index:1;
  -moz-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
  box-shadow: 0 1px 3px rgba(84,97,104,.3); /* drop shadow */
}
.ddp-logdetail .ddp-pop-logdetail .ddp-logdetal-contents {min-height:54px; max-height:180px; color:#4c515a; font-size:13px; line-height:18px; overflow:auto;}
.ddp-logdetail .ddp-pop-logdetail .ddp-log-buttons {position:absolute; bottom:0; left:0; right:0; padding:0 15px 15px 15px;}
.ddp-logdetail .ddp-pop-logdetail .ddp-log-buttons .ddp-link-copy {position:relative; top:7px;color:#90969f;}
.ddp-logdetail .ddp-pop-logdetail .ddp-log-buttons .ddp-link-copy:hover {text-decoration:underline;}
.ddp-logdetail .ddp-pop-logdetail .ddp-log-buttons .ddp-link-copy:before {display:inline-block; position:relative; top:-1px; width:13px; height:13px; margin-right:5px; background:url(../../images/icon_clone.png) no-repeat; content:''; vertical-align:middle;}
.ddp-logdetail .ddp-pop-logdetail .ddp-log-buttons .ddp-btn-line {float:right;}
/**********************************************************************************
	error
**********************************************************************************/
.ddp-wrap-error {display:table; width:100%; height:100%; background:url(../../images/bg_error.png) no-repeat; background-size:100% 100%;}
.ddp-wrap-error .ddp-ui-error {display:table-cell; width:100%; text-align:center; vertical-align: middle;}
.ddp-wrap-error .ddp-ui-error .ddp-num-error {display:block; color:#7575ea; font-size:110px; font-weight: 100; }
.ddp-wrap-error .ddp-ui-error .ddp-txt-error {display:block; color:#7575ea; font-size:28px; font-weight: 300;}
.ddp-wrap-error .ddp-ui-error .ddp-det-error {display:block; padding:40px 0 0 0; color:#272950; font-size:16px; font-weight: 300;}
.ddp-wrap-error .ddp-ui-error .ddp-ui-buttons {padding:40px 0 0 0 ;text-align:center;}
.ddp-wrap-error .ddp-ui-error .ddp-ui-buttons a[class*="ddp-btn-"] {margin:0 5px;}
a.ddp-btn-bgtype {display:inline-block; width:230px; padding:10px 0;text-align:center; color:#fff; border-radius:3px; border:1px solid #272950; background-color:#272950; box-sizing:border-box;}
a.ddp-btn-bgtype:hover {border:1px solid #7575ea; background-color:#7575ea;}
a.ddp-btn-linetype {display:inline-block; width:230px; padding:10px 0;text-align:center; color:#272950; border-radius:3px; border:1px solid #272950; box-sizing:border-box;}
a.ddp-btn-linetype:hover {border:1px solid #7575ea; color:#7575ea;}

/**********************************************************************************
	클러스터 _ add
**********************************************************************************/
.ddp-cluster-add {width:850px; margin:0 auto 0 auto; text-align:left; border:1px solid #d0d1d8; overflow:hidden;}
.ddp-box-application {float:left; width:50%; height:500px; padding:19px 19px; border-right:1px solid #d0d1d8;background-color:#f6f6f7; box-sizing:border-box; overflow:auto;}
.ddp-box-application ul.ddp-list-application li {width:50%; float:left; padding:5px 5px; box-sizing:border-box;}
.ddp-box-application ul.ddp-list-application li a {display:table; height:98px; width:100%; }
.ddp-box-application ul.ddp-list-application li a .ddp-add-application {display:table-cell; position:relative; width:100%; height:100%; border:1px solid #ddd; background-color:#fff; text-align:center; vertical-align:middle;}
.ddp-box-application ul.ddp-list-application li a:hover .ddp-add-application:before,
.ddp-box-application ul.ddp-list-application li.ddp-selected a .ddp-add-application:before{display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #454545; content:'';}
.ddp-box-application ul.ddp-list-application li a .ddp-add-application span.ddp-bg-selected {display:none; position:absolute; bottom:0; left:0; right:0; height:24px; background-color:#454545;}
.ddp-box-application ul.ddp-list-application li a .ddp-add-application span.ddp-bg-selected em.ddp-icon-select {display:block; position:absolute; top:50%; left:50%; width:11px; height:8px; margin:-4px 0 0 -6px; background:url(../../images/icon_select2.png) no-repeat; background-position:-27px top;}
.ddp-box-application ul.ddp-list-application li a:hover .ddp-add-application span.ddp-bg-selected,
.ddp-box-application ul.ddp-list-application li.ddp-selected a .ddp-add-application span.ddp-bg-selected{display:block;}
.ddp-cluster-add .ddp-wrap-ex {float:left; width:50%; padding:30px 19px; box-sizing:border-box;}
.ddp-cluster-add .ddp-wrap-ex .ddp-form-option {padding-bottom:30px;}
.ddp-form-option .ddp-label-type {display:block; padding-bottom:9px; color:#4b515b; font-size:13px; font-weight:bold;}
.ddp-form-option .ddp-type-selectbox  {width:217px;}
.ddp-cluster-add .ddp-wrap-ex .ddp-ui-ex {margin-top:0;}
.ddp-cluster-add .ddp-wrap-ex ul.ddp-list-ex li {padding:0;}
.ddp-cluster-add .ddp-wrap-ex ul.ddp-list-ex li:before {display:none;}
.ddp-cluster-add2 {width:1192px; height:100%; margin:0 auto; text-align:left;}
.ddp-cluster-add2 .ddp-ui-version {float:left; width:257px; height:100%; border:1px solid #e4e5ea; box-sizing:border-box;}
.ddp-cluster-add2 .ddp-ui-set-info {display:block; position:relative; height:100%; overflow:auto;}

.ddp-ui-version .ddp-label-list {position:relative; padding:22px 20px; cursor:pointer;}
.ddp-ui-version .ddp-ui-step.ddp-selected .ddp-label-list:before {display:inline-block; position:absolute; top:0; left:0; bottom:0; border-left:3px solid #666eb2; content:'';}
.ddp-ui-version .ddp-ui-step.ddp-selected .ddp-label-list .ddp-tag-step {background-color:#666eb2}
.ddp-ui-version .ddp-label-list .ddp-txt-label {color:#90969f; font-size:14px;}
.ddp-ui-version .ddp-ui-step.ddp-selected .ddp-label-list .ddp-txt-label {color:#666eb2; font-weight:bold;}
.ddp-ui-version .ddp-step-contents {display:none; padding:12px 0; border-top:1px solid #ddd;  background-color:#f6f6f7; box-sizing:border-box;}
.ddp-ui-version .ddp-ui-step {border-bottom:1px solid #ddd;}
.ddp-ui-version .ddp-ui-step:last-of-type {border-bottom:none;}
.ddp-ui-version .ddp-ui-step:last-of-type .ddp-step-contents {border-bottom:none;}
.ddp-ui-version .ddp-ui-step.ddp-selected .ddp-step-contents {display:block; overflow:auto;}
.ddp-step-contents .ddp-list-set li > a {display:block; position:relative; padding:12px 10px 12px 10px;}
.ddp-step-contents .ddp-list-set li > a:hover {background-color:#e7e7ea; font-weight:Bold;}
.ddp-step-contents .ddp-list-set li .ddp-sub-list {display:none;}
.ddp-step-contents .ddp-list-set li.ddp-selected .ddp-sub-list {display:block;}

.ddp-ui-set-info {padding:0 25px;}
.ddp-ui-set-info .ddp-ui-title {padding:22px 0; border-bottom:1px solid #f6f6f7; color:#35393f; font-size:14px; font-weight:bold;}
.ddp-ui-set-info .ddp-ui-title .ddp-data-ver {display:block; color:#35393f; font-size:12px; font-weight:normal;}
ul.ddp-list-setinfo {}
ul.ddp-list-setinfo li {}
ul.ddp-list-setinfo li .ddp-form-setting {position:relative; padding:0 0 0 43px; overflow:auto;}
ul.ddp-list-setinfo li .ddp-form-setting .ddp-clear {margin:0 -5px;}
ul.ddp-list-setinfo li .ddp-form-setting [class*='ddp-col-'] {padding:0 5px;}
ul.ddp-list-setinfo li .ddp-form-setting .ddp-txt-title {padding:7px 0; color:#35393f; font-size:13px;}
ul.ddp-list-setinfo li .ddp-form-setting .ddp-btn-icons {position:absolute; top:50%; right:0; margin-top:-7px; width:68px;}
ul.ddp-list-setinfo li .ddp-form-setting .ddp-btn-icons [class*="ddp-icon"] {margin-left:10px; float:Left;}
ul.ddp-list-setinfo li .ddp-form-setting .ddp-icon-refresh {display:inline-block; width:16px; height:14px; background:url(../../images/btn_refresh.png) no-repeat; background-position:left -48px; }

ul.ddp-list-setinfo li .ddp-form-setting .ddp-icon-close {display:inline-block; width:14px; height:14px; margin-left:10px; background:url(../../images/btn_sclose.png) no-repeat; background-position:-15px -131px;}
ul.ddp-list-setinfo li .ddp-label-info {position:relative; padding:10px 0 10px 43px; border-bottom:1px solid #e7e7ea; cursor:pointer;}
ul.ddp-list-setinfo li .ddp-label-info em.ddp-icon-view {display:inline-block; position:absolute; top:50%; left:18px; margin-top:-2px; width:4px; height:7px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -102px;}
ul.ddp-list-setinfo li.ddp-selected .ddp-label-info em.ddp-icon-view {width:7px; height:4px; background-position:left -97px;}

ul.ddp-list-setinfo li .ddp-btn-setinfo {padding:12px 0; text-align:right;}
ul.ddp-list-setinfo li .ddp-btn-setinfo .ddp-btn-add {display:inline-block; padding:7px 14px; margin-right:68px;border-radius:2px; color:#fff; font-size:13px; background-color:#90969f;}
ul.ddp-list-setinfo li .ddp-btn-setinfo .ddp-btn-add:hover {background-color:#4c515a;}
ul.ddp-list-setinfo li .ddp-btn-setinfo .ddp-btn-add .ddp-icon-plus {display:inline-block; margin-right:6px; width:13px; height:13px; background:url(../../images/icon_add.png) no-repeat; background-position:-42px -22px;}
.ddp-setinfo-contents {display:none;}
ul.ddp-list-setinfo li.ddp-selected .ddp-setinfo-contents {display:block;}
ul.ddp-list-setinfo li .ddp-setinfo-contents {display:none; background-color:#f6f6f7; border-bottom:1px solid #e7e7ea;}
ul.ddp-list-setinfo li .ddp-setinfo-contents span.ddp-label-title {display:block; padding:12px 0; color:#35393f; font-size:13px;}
ul.ddp-list-setinfo li .ddp-setinfo-contents .ddp-ui-setinfo {position:Relative; padding:6px 68px 6px 0;}
ul.ddp-list-setinfo li .ddp-setinfo-contents .ddp-ui-setinfo .ddp-txt-title {color:#90969f; font-size:13px;}

/**********************************************************************************
	sso _ loading
**********************************************************************************/
.ddp-wrap-login.sso-loading {min-height:500px;}
.ddp-wrap-login .ddp-blur {display:block;background:url(../../images/login.jpg) no-repeat center center fixed;; background-size:cover; overflow:hidden;
  filter: blur(5px);
  position: absolute;
  height: 500px;
  width: 500px;
  top:50%;
  left:50%;
  margin:-250px 0 0 -250px;
}
.ddp-sso-loading {position:absolute; top:50%; left:50%; margin:-250px 0 0 -250px; width:500px; height:500px; background-color:rgba(255,255,255,0.7); z-index:10;}
.ddp-sso-loading .ddp-wrap-logo {padding:110px 0 60px 0; text-align:center;}
.ddp-sso-loading em.ddp-icon-logo {display:inline-block; width:278px; height:35px; background:url(../../images/logo_login.png) no-repeat;}
.ddp-sso-loading em.ddp-icon-logo .st0{fill:#1A274B;}
.ddp-sso-loading em.ddp-icon-logo .st1{fill:#272950;}
.ddp-sso-loading em.ddp-icon-logo .st2{fill:#47DBF4;}
.ddp-sso-loading em.ddp-icon-logo .st3{fill:#7575EA;}

.ddp-icon-loading {display:block; padding-bottom:35px; text-align:center;}
.ddp-icon-loading .lds-wedges {display:inline-block; position:relative; top:50px; left:50px;}
.ddp-sso-loading .ddp-txt-welcome {padding-bottom:10px; color:#272950; font-size:22px; text-align:center;}
.ddp-sso-loading .ddp-txt-message {color:#272950; font-size:16px; font-weight:300; text-align:center;}

/**********************************************************************************
	메타데이터
**********************************************************************************/
.ddp-ui-meta {width:666px; margin:0 auto; text-align:left;}
.ddp-wrap-create { position:relative;}
.ddp-wrap-create .ddp-list-option {position:absolute; top:-7px; right:0;}
.ddp-wrap-create .ddp-list-option .ddp-btn-line-s {font-size:12px; float:left; margin-left:4px;}
.ddp-wrap-create .ddp-label-title {display:block; padding-bottom:25px; color:#4c515a; font-weight:bold; font-size:14px;}
.ddp-ui-meta .ddp-wrap-edit3.ddp-type .ddp-label-type {width:160px}
.ddp-ui-meta.ddp-dictionary .ddp-wrap-edit3.ddp-type .ddp-label-type {width:200px;}
.ddp-wrap-datadetail.ddp-meta .ddp-txt-edit.ddp-selected .ddp-wrap-input {min-width:505px;}
table .ddp-type-multy {margin:0 -3px; width:505px;}
table .ddp-type-multy [class*="ddp-col-"]{padding:0 3px}
table.ddp-table-detail .ddp-box-slider {width:505px;}
table.ddp-table-detail .ddp-box-slider .ddp-checkbox-slide.ddp-checkbox-automatic2 {padding-left:30px; margin-bottom:10px}

table.ddp-table-form span.ddp-box-tag-value {display:inline-block; min-width:80px; padding:2px 3px 1px 3px; border-radius:1px; font-size:12px; box-sizing:border-box;text-align:center;}
table.ddp-table-form span.ddp-box-tag-value.ddp-dimension { color:#439fe5; border:1px solid #439fe5;}
table.ddp-table-form span.ddp-box-tag-value.ddp-measure {color:#5fd7a5; border:1px solid #5fd7a5;}
table.ddp-table-type2 tbody tr td .ddp-pop-select .ddp-table-pop tr th {text-align:left; border-bottom:none;}
table.ddp-table-type2 tbody tr td .ddp-pop-select .ddp-table-pop tr td,
table.ddp-table-type2 tbody tr td .ddp-pop-select .ddp-table-pop tr:nth-child(odd) td{background:none !important;}
table.ddp-table-type2 tbody tr td .ddp-pop-select .ddp-txt-link {font-weight:bold;}
table.ddp-table-type2 tbody tr td .ddp-pop-select.ddp-selected .ddp-txt-link {text-decoration:underline;}
table.ddp-table-type2 tbody tr td .ddp-pop-select.ddp-selected .ddp-txt-link.type-underline-none {text-decoration:none;}
table.ddp-table-type2 tbody tr td .ddp-pop-select .ddp-box-layout4.type-dictionary {width:300px; overflow:auto; white-space:normal;}
table.ddp-table-type2 tbody tr td .ddp-pop-select .ddp-box-layout4.type-dictionary .ddp-data-title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
table.ddp-table-type2 tbody tr td .ddp-box-hover {display:inline-block;}
table.ddp-table-type2 tbody tr td .ddp-box-hover a {display:inline-block; position:relative; color:#4b525b; font-size:12px; text-decoration:underline; font-style:italic;}
table.ddp-table-type2 tbody tr td .ddp-box-hover .ddp-box-layout4 {display:none; position:absolute; right:0; top:30px;}
table.ddp-table-type2 tbody tr td .ddp-box-hover:hover .ddp-box-layout4 {display:block; }

table.ddp-table-type2 tbody tr td .ddp-box-select a  {display:inline-block; position:relative; color:#4b525b; font-size:12px; text-decoration:underline; font-style:italic;}
table.ddp-table-type2 tbody tr td .ddp-box-select .ddp-box-layout4 {display:none; position:absolute; right:0; top:30px;}
table.ddp-table-type2 tbody tr td .ddp-box-select.ddp-selected .ddp-box-layout4 {display:block; }
table.ddp-table-type2 tbody tr td .ddp-box-select .ddp-box-layout4 .ddp-btn-close{display:inline-block; position:absolute; top:17px; right:21px; width:11px; height:11px; background:url(../../images/btn_close.png) no-repeat; background-position:-12px -58px;}

table.ddp-table-type2 tbody tr td table.ddp-table-code tr td {background:none; cursor:default}

.ddp-box-code {position:relative; padding:16px 20px; background-color:#f6f6f7;}
.ddp-box-code .ddp-list-label {padding-right:23px;}
.ddp-box-code .ddp-list-label [class*="ddp-col-"]{display:block; padding:0 9px 9px 9px; color:#4c515a; font-size:13px;}
.ddp-list-code {position:relative; margin:0 -3px 9px -3px; padding:0 24px 0 0;}
.ddp-list-code [class*="ddp-col-"] {padding:0 3px;}
.ddp-list-code .ddp-icon-close {display:inline-block; position:absolute; top:8px; right:0; width:14px; height:14px; background:url(../../images/btn_sclose.png) no-repeat; background-position:-15px -131px;}
.ddp-list-code .ddp-data-error {display:block; padding:0 3px; color:#e70000; font-size:12px; font-style:italic;}
.ddp-list-code .ddp-data-error:before {display:inline-block; position:relative; top:-1px; width:13px; height:13px; vertical-align:middle; background:url(../../images/icon_info.png) no-repeat; background-position:-28px top; content:'';}
.ddp-list-code .ddp-txt-label {display:block; padding:7px 9px;color:#90969f; font-size:13px;}
.ddp-list-code .ddp-ui-radio.ddp-select-radio {position:absolute; top:50%; left:-20px; margin-top:-6px;}
.ddp-list-code.ddp-btn-multy {padding-right:133px;}

.ddp-list-code.ddp-btn-multy .ddp-btn-gray {position:absolute; top:0; right:27px; width:100px; padding:7px; text-align:center; box-sizing:border-box;}
.ddp-list-code.ddp-btn-multy .ddp-input-typebasic.ddp-permission {width:100%; margin-right:-107px;}

.ddp-list-code .ddp-input-value {margin-right:-108px;}
.ddp-box-code .ddp-btn-add {display:inline-block; padding:7px 14px; margin-right:68px;border-radius:2px; color:#fff; font-size:13px; background-color:#b7b9c2;}

.ddp-box-code .ddp-btn-add .ddp-icon-plus {display:inline-block; margin-right:6px; width:13px; height:13px; background:url(../../images/icon_add.png) no-repeat; background-position:-42px -22px;}
.ddp-box-code .ddp-btn-add:hover {background-color:#90969f;}

.ddp-wrap-codetable {position:relative; width:666px;}
.ddp-wrap-codetable .ddp-box-code {margin-bottom:10px;}
.ddp-wrap-codetable .ddp-txt-right .ddp-btn-pop { margin-left:4px;}
.ddp-wrap-codetable .ddp-list-option {position:absolute; top:-7px; right:0;}

.ddp-wrap-codetable .ddp-list-option  .ddp-btn-line-s {font-size:12px; float:left; margin-left:4px;}
.ddp-wrap-codetable .ddp-code-btn {text-align:right;}

/**********************************************************************************
	메타데이터 (my favorite)
**********************************************************************************/
.ddp-wrap-list-create {padding:31px 0; margin:-5px;}
.ddp-wrap-list-create .ddp-box-create {float:left; width: 420px; padding:20px; margin:5px 5px; border-radius: 2px; box-shadow: 0 2px 6px 2px rgba(102, 110, 178, 0.15); background-color: #fff; cursor:pointer;}
.ddp-wrap-list-create .ddp-box-create .ddp-data-top {margin-bottom:16px;overflow:hidden;}
.ddp-wrap-list-create .ddp-box-create .ddp-data-top .ddp-data-photo {float:left; position:relative; width:50px; height:50px; margin-right:9px; border-radius:50%; overflow:hidden;background:url(../../images/img_profile.png) no-repeat; background-position:left -82px;}
.ddp-wrap-list-create .ddp-box-create .ddp-data-top .ddp-data-photo img {display:block; width:100%; height:100%; }

.ddp-wrap-list-create .ddp-box-create .ddp-data-top .ddp-data-name {display:block; position:relative; top:16px; overflow:hidden;font-size:16px; color:#4e5368;}
.ddp-wrap-list-create .ddp-box-create .ddp-data-top .ddp-data-name .ddp-icon-control-fav {position:relative; top:1px;}
.ddp-wrap-list-create .ddp-box-create .ddp-data-top .ddp-data-name .ddp-txt-name {display:inline-block; max-width:100%; overflow:hidden;}
.ddp-wrap-list-create .ddp-box-create .ddp-data-top .ddp-data-name .ddp-name-in {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.ddp-wrap-list-create .ddp-box-create .ddp-data-contents {}
.ddp-wrap-list-create .ddp-box-create .ddp-data-contents .ddp-data-label {margin-bottom:7px; color:#4e5368; font-size:12px; font-weight:bold;}
.ddp-wrap-list-create .ddp-box-create .ddp-data-contents .ddp-data-label .ddp-data-num {color:#90969f}

.ddp-wrap-list-create .ddp-box-create .ddp-data-contents .ddp-box-list {padding:10px; height:132px; background-color: rgba(236, 238, 246, 0.3); box-sizing:border-box;}
.ddp-wrap-list-create .ddp-box-create .ddp-data-contents .ddp-box-list .ddp-list-data {}
.ddp-list-creator {margin:-3px 0;}
.ddp-list-creator li {padding:4px 0;}
.ddp-list-creator li .ddp-box-tag-value {float:left; width:63px; margin-right:4px; text-align:center; box-sizing:border-box;}
.ddp-list-creator li .ddp-txt-ellipsis .ddp-data-name {display:inline-block; max-width:100%; color:#4e5368; font-size:12px; overflow:Hidden;}
.ddp-list-creator li .ddp-txt-ellipsis .ddp-data-name .ddp-name-in {display:block; overflow:Hidden;  white-space:nowrap; text-overflow:ellipsis;}
.ddp-list-creator li .ddp-txt-ellipsis .ddp-data-date {margin-left:3px; color:#90969f; font-size:12px;}

.ddp-wrap-data-list .ddp-type-top-option {padding:10px 0;}
.ddp-wrap-data-list .ddp-box-list {padding:0 20px 31px 20px;background-color:#fff; border-radius:4px; box-shadow: 0 2px 6px 2px rgba(102, 110, 178, 0.15);}
.ddp-wrap-data-list .ddp-box-list .ddp-data-total {padding:16px 0 18px 0;color:#4b515b; font-size:13px;}
.ddp-wrap-data-list .ddp-box-list .ddp-no-data {padding:42px 0; color:#b5b9c2; border-top:1px solid #e7e7ea; text-align:center;}

/**********************************************************************************
	메타데이터 (Admin)
**********************************************************************************/

.ddp-wrap-flow2.type-admin {top:219px;}
.ddp-wrap-flow2.type-admin .ddp-box-chart {top:0;}
.ddp-wrap-flow2.type-admin .ddp-box-flowdetail .ddp-box-in {bottom:0;}
.ddp-admin-detail {padding:17px 50px 0 50px;}
.ddp-admin-detail .ddp-wrap-tab {margin-bottom:0;}
.ddp-flow-option {margin:9px 50px; padding:6px 0; background-color:#f6f6f7;}
.ddp-flow-option .ddp-wrap-edit {float:left; margin-left:15px}
.ddp-flow-option .ddp-wrap-edit + .ddp-wrap-edit {margin-left:20px;}
.ddp-flow-option .ddp-wrap-edit .ddp-type-selectbox {width:125px; background-color:#fff;}
.ddp-flow-option .ddp-wrap-edit .ddp-ui-edit-option.ddp-inline .ddp-label-radio {margin-right:10px;}
.ddp-flow-option .ddp-fright {padding-right:15px;}
.ddp-flow-option .ddp-box-btn2,
.ddp-flow-option .ddp-list-tab-button {float:left;}
.ddp-flow-option .ddp-box-btn2 {position:relative; top:8px; padding-right:12px; margin-right:12px; color:#4b515b;}
.ddp-flow-option .ddp-box-btn2:before {display:inline-block; position:absolute; top:-3px; right:0; height:20px; border-left:1px solid #e7e7ea; content:'';}
.ddp-flow-option .ddp-box-btn2 .ddp-icon-widget-gridsave {margin-right:2px; vertical-align:middle;}
.ddp-flow-option .ddp-list-tab-button {position:relative; top:3px; margin:0;}
ul.ddp-list-tab-button li a .ddp-icon-lineage-depth,
ul.ddp-list-tab-button li a .ddp-icon-lineage-grid {display:inline-block; width:13px; height:13px; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; background:url(../../images/icon_lineage_grid.png) no-repeat;}
ul.ddp-list-tab-button li a .ddp-icon-lineage-grid {background-position:left -14px;}

ul.ddp-list-tab-button li.ddp-selected a .ddp-icon-lineage-depth,
ul.ddp-list-tab-button li.ddp-selected a .ddp-icon-lineage-grid {background-position-x:-14px;}
.ddp-wrap-flow2.type-admin .ddp-box-chart .ddp-wrap-grid {position:relative; padding:0 8px;overflow:hidden;}
.ddp-wrap-flow2.type-admin .ddp-box-chart .ddp-wrap-grid .ddp-icon-view {display:inline-block; position:absolute; top:0; left:50%; margin-left:-20px; width:40px; height:32px; border-radius:4px; border:2px solid #4b515b; background-color:#f6f6f7; box-sizing:border-box;}
.ddp-wrap-flow2.type-admin .ddp-box-chart .ddp-wrap-grid .ddp-icon-view:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -7px; width:14px; height:12px; background:url(../../images/icon_move.png) no-repeat; background-position:left -28px; content:'';}
.ddp-chart-grid {float:left; width:50%; border-radius:2px; border:1px solid #d3d3da; box-sizing:Border-box;}
.ddp-chart-grid .ddp-top-title {padding:7px 0; background-color:#90969f; color:#fff; font-size:14px; font-weight:bold; text-align:center;}
.ddp-chart-grid .ddp-top-title.type-to {background-color:#4b515b;}
.ddp-chart-grid table.ddp-table-basic {}
.ddp-chart-grid table.ddp-table-basic tr th {padding:8px 0 8px 20px; color:#90969f; font-size:12px; text-align:left; font-weight:normal; border-bottom:1px solid #d0d1d8;}
.ddp-chart-grid table.ddp-table-basic tr td {padding:8px 0 8px 20px; color:#4b515b;}

.ddp-chart-grid table.ddp-table-basic tr:nth-child(odd) td {background-color:#f7f7f8;}

/**********************************************************************************
	메타데이터 (Admin_lineage)
**********************************************************************************/
.ddp-tag-type {display:inline-block; min-width:50px; text-align:center; border-radius:2px; padding:1px; color:#fff; font-size:10px; line-height:16px; }
.ddp-tag-type.type-column {background-color:#93a3ba; opacity:0.8;}
.ddp-tag-type.type-metadata {background-color:#566b8a;}
.ddp-wrap-grid.type-information {position:relative; padding-bottom:30px;}
.ddp-wrap-grid.type-information .ddp-icon-view {display:inline-block; position:absolute; top:0; left:50%; margin-left:-20px; width:40px; height:26px; border:2px solid #4b515b; border-radius:4px; background-color:#f6f6f7; box-sizing:border-box;}
.ddp-wrap-grid.type-information .ddp-icon-view:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -7px; width:14px; height:12px; background:url(../../images/icon_move.png) no-repeat; background-position:left -28px; content:'';}
.ddp-wrap-grid.type-information .ddp-chart-grid {border:none;}
.ddp-wrap-grid.type-information .ddp-chart-grid .ddp-top-title {padding:5px 0; font-size:13px; font-weight:normal;}
.ddp-wrap-grid.type-information .ddp-chart-grid .ddp-wrap-edit3 {margin-top:8px;}
.ddp-wrap-grid.type-information .ddp-chart-grid .ddp-view-edit {padding:0 16px 0 17px; margin-top:22px;}
.ddp-type-contents-in .ddp-box-edit {clear:both; padding:20px; background-color:#f6f6f7;}
.ddp-type-contents-in .ddp-box-edit .ddp-txt-title {display:block; padding-bottom:10px; color:#4b515b; font-size:13px;}
.ddp-type-contents-in .ddp-box-edit textarea {display:block; width:100%; height:90px; padding:17px 10px; border-radius:2px; background-color:#fff; border:1px solid #d0d1d8; box-sizing:border-box;}

.ddp-box-popupcontents.type-file {padding-bottom:40px; box-sizing:border-box;}
.ddp-box-popupcontents.type-file .ddp-box-synch {position:absolute; bottom:0; left:0;}
.ddp-box-synch a.ddp-link {float:right; font-size:12px; text-decoration:underline; color:rgba(75, 81, 91, 0.8);}
.ddp-box-synch a.ddp-link em.ddp-icon-download2 {margin-right:4px;}
.ddp-box-popupcontents.ddp-wrap-file-create2 {width:1192px;}
.ddp-wrap-variable.type-total {padding-top:22px !important; position:relative;}
.ddp-wrap-variable.type-total .ddp-txt-total {position:absolute; top:0; left:0; color:#4b515b; font-size:12px;}
.ddp-wrap-variable.type-vertical .ddp-wrap-sheet {display:flex; flex-direction: column; justify-content:center; align-items:center;}
.ddp-wrap-variable.type-vertical .ddp-wrap-sheet .ddp-txt-result {display:flex; color:#90969f; font-size:18px;}
.ddp-wrap-variable.type-vertical .ddp-wrap-sheet .ddp-btn-selection {margin-top:15px;}
.ddp-wrap-variable.type-vertical .ddp-wrap-sheet .ddp-btn-selection .ddp-icon-download2 {margin-right:6px; vertical-align:middle;}
.ddp-wrap-variable.type-vertical .ddp-wrap-sheet .ddp-txt-result.type-error {color:#dc494f;}
.ddp-wrap-variable .ddp-grid-detail {border:1px solid #d0d1d8; height:100%; overflow:auto; box-sizing:border-box;}
.ddp-wrap-variable .ddp-grid-detail .ddp-table-form {white-space:nowrap;}
.ddp-type-top-option .ddp-type-search.type-edit-search {width:240px; position:relative;}
.ddp-configure-schema .ddp-flex .ddp-type-top-option {padding-bottom:5px;}
.ddp-configure-schema .ddp-flex {display:flex; flex-direction: column;width:100%; height:100%; padding-bottom:32px; box-sizing:border-box;}
.ddp-configure-schema .ddp-flex .ddp-data-details.ddp-ui-preview-contents {position:relative; flex:auto; top:0; left:0; right:0; bottom:0;}
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details.ddp-cursor tbody tr td .ddp-btn-control {display:none; position:absolute; top:50%; right:13px; margin-top:-10px;}
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details.ddp-cursor tbody tr:hover td {background-color:#f6f6f7;}
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details.ddp-cursor tbody tr:hover td .ddp-btn-control {display:block; }
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details.ddp-cursor tbody tr.ddp-add td {background-color:#f2f1f8; border-bottom:1px solid #dddddd;}
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details.ddp-cursor tbody tr.ddp-add td.ddp-selected {border-bottom:1px solid #9ca2cc; }
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details.ddp-cursor tbody tr.ddp-add .ddp-btn-control {display:block;}
.ddp-ui-preview-contents table.ddp-table-form.ddp-table-details.ddp-cursor tbody tr td.ddp-input-form:hover {background:#f2f1f8 !important}

.ddp-create-option {padding:12px 0;}
.ddp-create-option .ddp-radio-inline .ddp-label-radio {margin-left:20px;}
.ddp-create-option .ddp-radio-inline .ddp-label-radio:first-of-type {margin-left:0;}
.ddp-create-option .ddp-type-info {color:#e9b017; font-size:12px;}
.ddp-create-option .ddp-type-info .ddp-icon-info {position:relative; top:2px;float:left; width:13px; height:12px; margin-right:4px; background:url(../../images/icon_info3.png) no-repeat left -67px; vertical-align:middle;}

table.ddp-table-type2 tbody tr > td .ddp-icon-success-r,
table.ddp-table-type2 tbody tr > td .ddp-icon-warning-r,
table.ddp-table-type2 tbody tr > td .ddp-icon-block-r{display:inline-block; background:url(../../images/icon_confidence.png) no-repeat; vertical-align:middle;}
table.ddp-table-type2 tbody tr > td .ddp-icon-success-r {width:20px; height:20px; }
table.ddp-table-type2 tbody tr > td .ddp-icon-warning-r {width:20px; height:18px; background-position:left -21px;}
table.ddp-table-type2 tbody tr > td .ddp-icon-block-r {width:20px; height:20px; background-position:left -57px;}
table.ddp-table-type2 tbody tr > td .ddp-wrap-catalogs2 .ddp-ui-catalogs2 {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
table.ddp-table-type2 tbody tr > td .ddp-wrap-catalogs2 span {float:inherit;}

/**********************************************************************************
        메타데이터 (01meta data)    **********************************************************************************/
.ddp-wrap-meatadata {width:600px; margin:0 auto 0 auto; text-align:left;}
.ddp-wrap-meatadata .ddp-type-data {width:390px;}

.ddp-wrap-meatadata .ddp-clear [class*="ddp-col-"] {padding-left: 8px; padding-right:8px;}
.ddp-wrap-meatadata .ddp-clear {margin:0 -8px;}

.ddp-view-catalog.ddp-close .ddp-ui-contents-list {padding-left:56px !important;}
.ddp-view-catalog.ddp-close .ddp-wrap-catalogs {width:26px;}
.ddp-view-catalog.ddp-close .ddp-wrap-catalogs * {display:none;}
.ddp-view-catalog.ddp-close .ddp-wrap-catalogs .ddp-btn-folding {display:block; right:6px;}
.ddp-view-catalog.ddp-close .ddp-wrap-catalogs .ddp-btn-folding .ddp-ui-tooltip-info {left:100%; right:initial; top:-12px; margin-left:9px;white-space:nowrap;}
.ddp-view-catalog.ddp-close .ddp-wrap-catalogs .ddp-btn-folding .ddp-ui-tooltip-info em.ddp-icon-view-top {left:0; right:initial; top:9px; transform:rotate(0);}
.ddp-layout-meta .ddp-view-catalog.ddp-close  .ddp-ui-contents-list.ddp-type {padding-left:0;}

.ddp-ui-meta-option {width:436px; white-space:nowrap;}
.ddp-ui-db-option2.ddp-meta {padding:0 0 28px 0; }
.ddp-ui-db-option2.ddp-meta:before {display:block; padding:30px 0 0 0; margin-bottom:38px; content:''; border-bottom:1px dotted #ccc;}
.ddp-ui-db-option2.ddp-meta .ddp-input-typebasic.ddp-type {width:100%;}

.ddp-ui-meta-option .ddp-ui-buttons {padding-top:20px; clear:both;}

.ddp-ui-meta-option .ddp-ui-buttons .ddp-ui-info {display:inline-block; margin-left:12px;}

.ddp-ui-contents-list.ddp-type {padding-left:209px;}
.ddp-wrap-catalogs {position:fixed; left:0; top:167px; bottom:0; width:272px; background-color:#fff; z-index:1;}

.ddp-wrap-catalogs .ddp-type-label {padding:47px 24px 10px 24px; color:#4b515b; font-size:16px;}
.ddp-wrap-catalogs .ddp-btn-folding {position:absolute; top:50%; left:50%; margin:-6px 0 0 -7px;}
.ddp-wrap-catalogs .ddp-btn-folding:before {display:inline-block; width:14px; height:11px; background:url(../../images/icon_folding2.png) no-repeat; background-position:-30px top; content:'';}
.ddp-view-catalog.ddp-close .ddp-wrap-catalogs .ddp-btn-folding:before {background-position-y:-14px;}
.ddp-wrap-catalogs .ddp-btn-folding:hover:before {background-position-x:-45px;}
.ddp-wrap-catalogs .ddp-btn-folding .ddp-ui-tooltip-info.ddp-down {right:inherit; left:-10px;}
.ddp-wrap-catalogs .ddp-btn-folding .ddp-ui-tooltip-info.ddp-down .ddp-icon-view-top {left:16px; right:inherit;}
.ddp-ui-catalog-contents {position:absolute; top:114px; left:0; right:0;bottom:0; overflow:auto;}
.ddp-ui-catalog-contents.ddp-type {top:41px}
.ddp-ui-catalog-contents.ddp-type .ddp-ui-favorite {position:relative; border-top:1px solid #e7e7ea}

.ddp-ui-favorite {border-top:4px solid #f0eff7;}
.type-dropdown-data .ddp-label-down {position:relative; padding:14px 20px; color:#4b515b; font-size:14px; font-weight:bold; cursor:pointer;}
.type-dropdown-data .ddp-label-down .ddp-data-nodata {float:right; padding-right:22px; color:#b5b9c2; font-size:12px; font-weight:normal;}
.type-dropdown-data .ddp-label-down:after {display:inline-block; position:absolute; top:50%; right:19px; margin-top:-4px; width:13px; height:8px; background:url(../../images/icon_arrow.png) no-repeat; content:''; transform:rotate(180deg);}
.type-dropdown-data.ddp-selected .ddp-label-down:after {transform:rotate(0)}
.type-dropdown-data.ddp-selected .ddp-label-down {color:#666eb2; font-weight:bold;}
.type-dropdown-data.ddp-selected .ddp-label-down:before {display:inline-block; position:absolute; top:0; left:0; bottom:0; border-left:4px solid #666eb2;content:'';}
.type-dropdown-data .ddp-down-contents {display:none;}
.type-dropdown-data.ddp-selected .ddp-down-contents {display:block;}
.ddp-list-favorite {padding-bottom:16px;}
.ddp-list-favorite li {}
.ddp-list-favorite li a {position:relative; display:block; padding:10px 10px 10px 43px;}
.ddp-list-favorite li a:hover {background-color:#f3f4f9;}
.ddp-list-favorite li a [class*="ddp-icon-folder"] {display:inline-block; position:absolute; top:50%; left:18px; margin-top:-6px;}
.ddp-list-favorite li a .ddp-icon-folder-type { width:13px; height:12px; background:url(../../images/icon_folder.png) no-repeat; background-position:-16px top;}
.ddp-list-favorite li a .ddp-data-txt {}
.ddp-list-favorite li a .ddp-data-navi {display:block; color:#adb0ba; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-list-favorite li a .ddp-data-name {display:block; margin-top:2px; font-size:13px; color:#424751; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-list-favorite li a .ddp-data-name .ddp-data-num {color:#90969f; font-size:13px;}
.ddp-wrap-catalogs .ddp-ui-tags {position:absolute; top:92px; left:0; right:0; bottom:0;overflow:auto; padding-top:10px;}
ul.ddp-list-tags li a {display:block; padding:10px 16px;}
ul.ddp-list-tags li a .ddp-icon-tag {float:left; position:relative; top:2px; margin-right:4px; width:12px; height:12px; background:url(../../images/icon_tag.png) no-repeat;}
ul.ddp-list-tags li .ddp-txt-data {display:inline-block; max-width:100%; overflow:hidden; box-sizing:border-box;}
ul.ddp-list-tags li .ddp-txt-data .ddp-data-num {float:right; margin-left:4px; color:#c2c3cb;}
ul.ddp-list-tags li .ddp-txt-data .ddp-data-name {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:Hidden;}
ul.ddp-list-tags li .ddp-txt-data .ddp-data-name .ddp-txt-search {color:#666db7;}
ul.ddp-list-tags li.ddp-selected a {background-color:#f3f4f9;}
.ddp-ui-tree {position:relative; border-top:1px solid #e7e7ea;}

.ddp-ui-tree ul.ddp-list-tree {}
.ddp-ui-tree ul.ddp-list-tree > li em.ddp-view {}
.ddp-ui-tree ul.ddp-list-tree li a {display:block; position:relative; min-height:36px; padding:10px 0 10px 61px; font-size:13px; color:#4b515b; white-space:nowrap; box-sizing:border-box;}
.ddp-ui-tree ul.ddp-list-tree li ul li a:before {display:inline-block; position:absolute; top:-17px; left:0; width:18px; height:39px; background:url(../../images/icon_tree_line.png) no-repeat left bottom; content:'';}
.ddp-ui-tree ul.ddp-list-tree li a .ddp-txt-link{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-ui-tree ul.ddp-list-tree li a .ddp-txt-link:hover {text-decoration:underline;}
.ddp-ui-tree ul.ddp-list-tree li a .ddp-txt-link .ddp-data-num {color:#90969f;}
.ddp-ui-tree ul.ddp-list-tree li.ddp-selected > a > .ddp-txt-link {font-weight:bold; text-decoration:underline;}
.ddp-ui-tree ul.ddp-list-tree li .ddp-view {display:none; position:absolute; top:0; left:16px; bottom:0; width:18px; cursor:pointer; z-index:1;}
.ddp-ui-tree ul.ddp-list-tree li .ddp-view:before {display:inline-block;  position:absolute; top:50%; left:7px; margin-top:-2px;width:7px; height:3px; background:url(../../images/icon_select.png) no-repeat; background-position:-24px top; content:''; transform:rotate(-90deg); cursor:pointer;}

.ddp-ui-tree ul.ddp-list-tree li a.ddp-depth .ddp-view {display:block;}
.ddp-ui-tree ul.ddp-list-tree li a .ddp-icon-folder {position:absolute; top:50%; left:32px; margin-top:-11px; background-color:#fff; border:4px solid #fff; z-index:1;}
.ddp-ui-tree ul.ddp-list-tree li a .ddp-icon-question {display:inline-block; width:7px; height:11px; position:absolute; top:50%; left:41px; margin-top:-6px; background:url(../../images/icon_que.png) no-repeat; background-position:left -41px;}
.ddp-ui-tree ul.ddp-list-tree li.ddp-unclass a .ddp-icon-question {background-position-x:-9px;}
.ddp-ui-tree ul.ddp-list-tree li.ddp-unclass a .ddp-txt-link {color:#b4b9c3;}

.ddp-ui-tree ul.ddp-list-tree li > ul {display:none; margin-left:43px;}
.ddp-ui-tree ul.ddp-list-tree li.ddp-open > ul {display:block;}
.ddp-ui-tree ul.ddp-list-tree li.ddp-open > a {font-weight:bold;}
.ddp-ui-tree ul.ddp-list-tree li a em.ddp-icon-view {display:inline-block; position:absolute; top:0; left:0; width:26px; height:36px;}

.ddp-ui-tree ul.ddp-list-tree li a em.ddp-icon-view:before {display:inline-block; position:absolute; top:50%; right:0; margin-top:-4px; width:5px; height:8px; background:url(../../images/icon_tree_line.png) no-repeat right bottom; content:'';}
.ddp-ui-tree ul.ddp-list-tree li.ddp-open > a em.ddp-icon-view:before {width:8px; height:5px; margin-top:-3px; right:-2px;background-position:-27px top;}
.ddp-ui-tree ul.ddp-list-tree li > a.ddp-depth .ddp-view:hover:before { background-position:-40px 0;}

table.ddp-table-form tr td em.ddp-icon-fav {display:inline-block; width:13px; height:12px; background:url(../../images/icon_fav.png) no-repeat; cursor: pointer; background-position:0 -31px;}
table.ddp-table-form tr td em.ddp-icon-fav:hover {background-position:-26px -31px;}
table.ddp-table-form tr td em.ddp-icon-fav.ddp-selected { background-position:-14px -31px;}
.ddp-td-tags {}
table.ddp-table-form tr td .ddp-tags {display:inline-block; max-width:110px; padding:3px 6px; height:22px; border-radius:3px; background-color:#f2f1f8; color:#666eb2; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; vertical-align:middle; box-sizing:border-box;}
table.ddp-table-form tr td .ddp-tags .ddp-txt-search.type-search {position:relative; top:1px;}
table.ddp-table-form tr td .ddp-ui-popularity {position:relative; top:2px;}
table.ddp-table-form tr td .ddp-wrap-tags {margin:-2px 0 0 0;}
table.ddp-table-form tr td .ddp-tag-more {color:#666eb2;vertical-align:middle;}
table.ddp-table-form tr td .ddp-tags:last-of-type {margin-right:0;}
table.ddp-table-form tr td .ddp-bar {width:70px; height:10px; background-color:#e6e8f3; border-radius:2px;}
table.ddp-table-form tr td .ddp-bar span {display:inline-block; height:100%; border-radius:2px; background-color:#666db7;}
table.ddp-table-form tr th .ddp-box-layout4.ddp-popularity {top:100%; right:0; left:inherit; bottom:inherit; margin-top:5px;width:359px;}
table.ddp-table-form tr th .ddp-box-layout4.ddp-popularity ul {padding:25px 0 0 0;}
table.ddp-table-detail tr td .ddp-bar {position:relative; top:2px; width:70px; height:10px; background-color:#e6e8f3; border-radius:2px;}
table.ddp-table-detail tr td .ddp-bar span {display:inline-block; height:100%; border-radius:2px; background-color:#666db7;}

.ddp-box-catalogs {display:inline-block; position:relative; padding:5px 30px 5px 10px; border-radius:3px; cursor:pointer;}
.ddp-ui-catalogs:first-of-type {margin-top:-5px;}
.ddp-ui-catalogs + .ddp-ui-catalogs {margin-top:5px;}
.ddp-box-catalogs.ddp-list {padding:0;}
.ddp-box-catalogs.ddp-list:hover {background:none;}
.ddp-box-catalogs.ddp-list span { font-weight:bold; color:#4b515b;}
.ddp-box-catalogs span {position:relative; padding:0 12px;}
.ddp-box-catalogs span:first-of-type {padding-left:0;}
.ddp-box-catalogs span:before {display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; width:4px; height:8px; background:url(../../images/icon_tagview.png) no-repeat; transform:rotate(180deg); content:'';}
.ddp-box-catalogs span:first-of-type:before {display:none;}
.ddp-box-catalogs:hover {background-color:#f6f6f7;}
.ddp-box-catalogs a.ddp-btn-delete {display:none; position:absolute; top:50%; right:11px; margin-top:-7px; content:''; width:14px; height:14px; background:url(../../images/btn_sclose.png) no-repeat; background-position:-15px -131px;}
.ddp-box-catalogs:hover .ddp-btn-delete {display:block;}

.ddp-wrap-catalogs2 {margin:-7px 0 0 0;}
.ddp-wrap-catalogs2 + .ddp-apply.type-catalog {margin-top:6px !important;}
.ddp-wrap-catalogs2 .ddp-ui-catalogs2 {padding:7px 0 7px 20px; color:#4b515b;}
.ddp-wrap-catalogs2 .ddp-ui-catalogs2 .ddp-catalogs-in {display:inline-block;
  cursor:pointer;}
.ddp-wrap-catalogs2 .ddp-ui-catalogs2 .ddp-btn-delete {display:none; float:left; width:14px; height:14px; margin-left:5px; background:url(../../images/btn_sclose.png) no-repeat; background-position:-15px -131px; vertical-align:middle;}
.ddp-wrap-catalogs2 .ddp-ui-catalogs2 .ddp-catalogs-in:hover .ddp-btn-delete {display:block;}
.ddp-wrap-catalogs2 .ddp-ui-catalogs2 .ddp-btn-delete:hover {background-position-x:-0;}
.ddp-ui-catalogs2 {position:relative; overflow:hidden; font-weight:normal;}
.ddp-ui-catalogs2 .ddp-icon-folder-type {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; width:13px; height:12px; margin-right:8px; background:url(../../images/icon_folder.png) no-repeat; background-position:-16px top;}
.ddp-ui-catalogs2 .ddp-icon-folder {position:absolute; top:50%; left:0; margin-top:-6px; }
.ddp-ui-catalogs2.ddp-unclass .ddp-icon-question2 {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; width:7px; height:11px; margin-right:9px; background:url(../../images/icon_que.png) no-repeat; background-position:-9px -41px;}
.ddp-ui-catalogs2 span {float:left; font-size:13px;}
.ddp-ui-catalogs2 span + span {position:relative; padding-left:8px; margin-left:4px;}
.ddp-ui-catalogs2 span + span:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-4px; width:4px; height:8px; background:url(../../images/icon_tagview.png) no-repeat; background-position:left -18px; transform:rotate(180deg); content:'';}
.ddp-ui-catalogs2.ddp-unclass {color:#b5b9c2; font-size:13px;}
table.ddp-table-detail tr td .ddp-list-tags .ddp-ui-buttons {display:inline-block;  margin-top:0;}
table.ddp-table-detail tr td .ddp-ui-buttons {margin-top:5px;}
table.ddp-table-detail tr td .ddp-ui-buttons .ddp-btn-add {display:inline-block; padding:5px 8px; border:1px solid #d0d1d7; border-radius:4px; color:#90969f; font-size:12px;}
table.ddp-table-detail tr td .ddp-ui-buttons .ddp-btn-add:hover {border:1px solid #b7b9c1;color:#4b515b;}
table.ddp-table-detail tr td .ddp-ui-buttons .ddp-btn-add em.ddp-icon-plus {display:inline-block; width:13px; height:13px; margin-right:5px; background:url(../../images/icon_add.png) no-repeat; background-position:-84px -22px; vertical-align:middle;}
table.ddp-table-detail tr td .ddp-ui-tags {margin:-9px 0; vertical-align:top;}
table.ddp-table-detail tr td .ddp-tags {float:left;display:block; position:relative; max-width:100%; padding:3px 6px; margin:4px 3px 4px 0; background-color:#f2f1f7; border-radius:4px; color:#666fad; font-size:13px; cursor:pointer;  box-sizing:border-box;}
table.ddp-table-detail tr td .ddp-tags span.txt-tags {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
table.ddp-table-detail tr td .ddp-tags a.ddp-btn-delete  {display:none; position:absolute; top:-4px; right:-4px; content:''; width:14px; height:14px; background:url(../../images/btn_sclose.png) no-repeat; background-position:0 -131px;}
table.ddp-table-detail tr td .ddp-tags:hover a.ddp-btn-delete {display:block;}
table.ddp-table-detail tr td .ddp-tags.ddp-txt {cursor:default;}
table.ddp-table-detail tr td .ddp-tags.ddp-txt:hover {padding:5px 15px;}
table.ddp-table-detail tr td .ddp-tags.ddp-txt:hover a.ddp-btn-delete {display:none;}
table.ddp-table-detail tr td .ddp-tag-default {display:inline-block; position:relative; padding:3px 5px 3px 20px; margin:3px 6px 3px 0;border-radius:4px; color:#666fad; font-size:13px; box-sizing:border-box;}
table.ddp-table-detail tr td .ddp-tag-default:before {display:inline-block; position:absolute; top:3px; left:9px; content:'#'; color:#666fad; font-size:13px;}
table.ddp-table-detail tr td .ddp-tag-default input {display:block; width:100%; border:none; background:none;color:#666fad; font-size:13px;}
.ddp-tag-default .ddp-ui-drop-search {position:absolute; top:100%; left:0; right:inherit;}
.ddp-wrap-drop-search.ddp-tag-default .ddp-ui-drop-search:after {display:none;}
.ddp-ui-option .ddp-option-column {padding:0;}
.ddp-option-column {padding:20px 0; text-align:right; }
.ddp-option-column a.ddp-reset {margin-right:20px; color:#90969f;}
.ddp-option-column a.ddp-reset em {margin-right:2px;vertical-align:middle;}
.ddp-option-column a.ddp-reset:hover {color:#4b515b;}
.ddp-option-column a.ddp-reset .ddp-icon-redo {display:inline-block;width:14px; height:13px; background:url(../../images/btn_refresh.png) no-repeat; background-position:-15px -34px;}
.ddp-option-column a.ddp-reset:hover .ddp-icon-redo {background-position-x:-30px;}
.ddp-wrap-datadetail.ddp-wrap-datacolumn {position:relative; padding-top:20px;box-sizing:border-box;}
table.ddp-table-form.ddp-table-details tr td .ddp-bar {background-color:#e9edf7;}
table.ddp-table-form.ddp-table-details tr td .ddp-bar span {background-color:#c1cef1;}
table.ddp-table-form.ddp-table-details tr th .ddp-box-layout4 {position:absolute; top:100%; right:-30px;}
table.ddp-table-form.ddp-table-details tr th:nth-child(1) .ddp-box-layout4,
table.ddp-table-form.ddp-table-details tr th:nth-child(2) .ddp-box-layout4,
table.ddp-table-form.ddp-table-details tr th:nth-child(3) .ddp-box-layout4,
table.ddp-table-form.ddp-table-details tr th:nth-child(4) .ddp-box-layout4 {right:inherit; left:-30px;}
.ddp-wrap-datadetail.ddp-wrap-datacolumn .ddp-data-details.ddp-ui-preview-contents {position:fixed; left:45px; right:45px; bottom:20px; top:246px; height:inherit;}
.ddp-wrap-datadetail.ddp-wrap-datacolumn .ddp-data-details.ddp-ui-preview-contents.ddp-info {top:265px;}
.ddp-wrap-datadetail.ddp-wrap-datacolumn .ddp-data-details.ddp-ui-preview-contents.ddp-info2 {top:299px;}
.ddp-page-catalog {position:relative; box-sizing:border-box; border-top:1px solid #e7e7ea;}
.ddp-page-catalog .ddp-ui-root {padding:8px 0;}
.ddp-page-catalog .ddp-ui-root .ddp-btn-bg {float:right;margin-left:14px;}
.ddp-page-catalog .ddp-ui-root .ddp-data-create {display:block; position:relative; padding:3px 0 3px 0;   overflow:hidden;}
.ddp-page-catalog .ddp-ui-root .ddp-data-create .ddp-btn-back {position:relative; top:-5px; float:left; width:34px; height:34px;}
.ddp-page-catalog .ddp-ui-root .ddp-data-create .ddp-btn-back:before {display:inline-block; position:absolute; top:50%; left:11px; width:17px; height:16px; margin-top:-8px; background:url(../../images/btn_back.png) no-repeat; background-position:left -27px; content:'';}
.ddp-page-catalog .ddp-ui-root .ddp-data-create .ddp-data-name {display:block; padding:3px 20px 3px 6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal; box-sizing:border-box; color:#4b515b; font-size:14px;}
.ddp-page-catalog .ddp-ui-root .ddp-data-create .ddp-data-input {position:absolute; top:4px; left:37px; right:0;  background:#f6f6f7; }
.ddp-page-catalog .ddp-ui-root .ddp-data-create .ddp-data-input input {display:block; width:100%; padding:3px 20px 3px 6px; border:none; box-sizing:border-box; background:none;color:#4b515b; font-size:14px;}
.ddp-page-catalog .ddp-ui-root .ddp-data-create .ddp-data-input em.ddp-icon-control-check {position:absolute; top:50%; right:5px; margin-top:-7px;}
.ddp-page-catalog .ddp-select-catalog {position:absolute; top:45px; left:0; right:0; bottom:50px;}
.ddp-page-catalog .ddp-wrap-list-type {padding:0;}
.ddp-page-catalog ul.ddp-list-workspace li a {padding-left:89px}
.ddp-page-catalog ul.ddp-list-workspace li a em.ddp-icon-folder {left:33px;}
.ddp-page-catalog ul.ddp-list-workspace li a .ddp-box-tag-value {left:10px;}
.ddp-page-catalog ul.ddp-list-workspace li a .ddp-data-input {left:80px;}
.ddp-page-catalog ul.ddp-list-workspace li a em.ddp-icon-file-s {display:inline-block; position:absolute; top:50%; left:36px; margin-top:-8px; width:11px; height:13px; background:url(../../images/icon_file2.png) no-repeat;}
.ddp-page-catalog ul.ddp-list-workspace li a em.ddp-icon-question2 {display:inline-block; width:7px; height:11px; position:absolute; top:50%; left:35px; margin-top:-6px; background:url(../../images/icon_que.png) no-repeat; background-position:left -41px;}
.ddp-select-catalog { }
.ddp-page-catalog .ddp-nodata  {display:block; position:fixed; left:0; right:0; top:250px; text-align:Center; color:#90969f; font-size:18px;}

.ddp-select-catalog ul.ddp-list-workspace li.ddp-sub a:hover {padding-right:84px;}
.ddp-select-catalog ul.ddp-list-workspace li.ddp-sub a .ddp-view {position:absolute; top:0 ;right:0; bottom:0; width:20px; cursor:pointer; z-index:10; }
.ddp-select-catalog ul.ddp-list-workspace li.ddp-sub a .ddp-view:before {width:6px; height:11px; position:absolute; top:50%; right:10px; margin-top:-6px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -68px; content:'';}

.ddp-select-catalog ul.ddp-list-workspace li.ddp-sub a .ddp-data-input {right:52px;}
.ddp-select-catalog ul.ddp-list-workspace li.ddp-sub a .ddp-btn-control {padding-right:15px;}

/**********************************************************************************
	메타데이터 Explore Data
**********************************************************************************/
.ddp-layout-meta {}
.ddp-layout-contents.ddp-layout-meta .ddp-ui-contents-in {padding-right:24px;}
.ddp-layout-meta .ddp-ui-contents-list .ddp-box-list .ddp-label-type {padding:22px 0 23px 0; color:#666eb2; font-size:14px; font-weight:bold;}
table.ddp-table-line thead tr th {background-color:#eff0f7; color:#666eb2; font-size:12px;}
table.ddp-table-line tbody tr:first-of-type td {border-top:1px solid #e7e7ea;}
table.ddp-table-line tbody tr td {padding:10px 10px; border:none; border-bottom:1px solid #e7e7ea; background:#fff; cursor:pointer;}
table.ddp-table-line tbody tr:hover td {background-color:#f3f4f9 !important;}
table.ddp-table-line tbody tr:nth-child(odd) td,
table.ddp-table-line tbody tr:nth-child(odd) td:first-of-type,
table.ddp-table-line tbody tr:nth-child(odd) td:last-of-type {border:none; border-bottom:1px solid   #e7e7ea;background-color:#fff;}
table.ddp-table-line tbody tr td .ddp-btn-control {display:none; position:absolute; top:50%; right:18px; margin-top:-9px;}
table.ddp-table-line tbody tr:hover td .ddp-btn-control {display:block;}
table.ddp-table-line tbody tr td .ddp-ui-popularity .ddp-icon-popularity {position:relative; top:-2px; float:left; width:18px; height:14px; margin-right:8px;}
table.ddp-table-line tbody tr td .ddp-ui-popularity .ddp-bar {float:left;}
.ddp-layout-meta .ddp-ui-contents-top {height:190px; text-align:center; background:none; box-shadow:none; border-bottom:none;}
.ddp-layout-meta .ddp-ui-contents-top .ddp-ui-title {padding:35px 0 0 0; text-align:center; font-size:28px;}
.ddp-layout-meta .ddp-ui-contents-top .ddp-ui-tag {padding-top:5px; text-align:center; font-weight:normal;}
.ddp-layout-meta .ddp-ui-contents-top .ddp-ui-tag .ddp-box-tag-value.ddp-disabled {opacity:0.3;}
.ddp-layout-meta .ddp-ui-contents-top .ddp-ui-tag .ddp-box-tag-value + .ddp-box-tag-value {margin-left:4px;}
.ddp-meta-search {position:relative; display:inline-block; margin-top:30px;border:1px solid #d0d1d9; border-radius:2px; background-color:#fff;}
.ddp-meta-search .ddp-search-select {position:relative; float:left; width:185px; padding:0 40px 0 15px; text-align:left; border-right:1px solid #d0d1d9; cursor:pointer; vertical-align:top; box-sizing:Border-box;}
.ddp-meta-search .ddp-search-select:before {display:inline-block; position:absolute; top:50%; right:25px; margin-top:-2px; width:7px; height:4px; background:url(../../images/icon_select.png) no-repeat; background-position:-8px top; content:'';}
.ddp-meta-search .ddp-search-select span.ddp-data {display:block; padding:15px 0 15px 0; color:#4b515b; font-size:16px; }
.ddp-meta-search .ddp-search-select .ddp-wrap-popup2 {display:none; position:absolute; top:100%; left:-1px; right:-1px; background-color:#fff; box-sizing:border-box;}
.ddp-meta-search .ddp-search-select.ddp-selected .ddp-wrap-popup2 {display:block;}
.ddp-meta-search .ddp-search-b {float:left; position:relative; width:516px; padding:0 0 0 40px; box-sizing:border-box;}
.ddp-meta-search .ddp-search-b .ddp-icon-search {display:inline-block; position:absolute; top:50%; left:10px; margin-top:-9px; width:17px; height:17px; background:url(../../images/btn_search.png) no-repeat; background-position:left -20px;}
.ddp-meta-search .ddp-search-b input {display:block; width:100%; padding:15px 35px 15px 0;  font-size:16px;  background:none; box-sizing:border-box; border:none; font-family:'Titillium Web';}
.ddp-meta-search .ddp-search-b.type-search input {position:relative; color:#666db7; z-index:1;}
.ddp-meta-search .ddp-search-b.type-focus:before {display:inline-block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #90969f; content:'';}
.ddp-meta-search .ddp-search-b .ddp-btn-delete {display:inline-block; position:absolute; top:50%; right:10px; margin-top:-8px; width:15px; height:15px; background:url(../../images/btn_close.png) no-repeat; background-position:-16px -132px; z-index:1;}
/* scroll 시 */
.ddp-layout-meta.ddp-scroll .ddp-ui-contents-top {position:fixed; left:0; right:0; top:55px;padding:0; height:80px; text-align:left; background-color:#fff;;
  -webkit-transition: height 0.3s; /* Safari */
  transition: height 0.3s;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */

}
.ddp-layout-meta.ddp-scroll .ddp-ui-contents-top .ddp-ui-title {float:left; text-align:left; padding:26px 15px 5px 25px; font-size:22px;}
.ddp-layout-meta.ddp-scroll .ddp-ui-contents-top .ddp-ui-tag { float:left; padding:33px 0;}
.ddp-layout-meta.ddp-scroll .ddp-meta-search {position:absolute; top:15px; right:24px; margin-top:0; min-width:380px;}
.ddp-layout-meta.ddp-scroll .ddp-ui-contents-list.ddp-type {top:95px !important; padding-top:0;}
.ddp-layout-meta.ddp-scroll .ddp-wrap-catalogs {top:136px;}
.ddp-layout-meta .ddp-wrap-catalogs {top:245px; border-top:1px solid rgba(44,34,141,0.1); border-right:1px solid rgba(44,34,141,0.1); z-index:20;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */
  box-shadow: 0 1px 3px rgba(0,0,0,.15); /* drop shadow */}
.ddp-layout-meta .ddp-wrap-catalogs .ddp-ui-searching {margin:0;}
.ddp-layout-meta .ddp-wrap-catalogs .ddp-wrap-searching {padding:10px 16px 10px 16px; }
.ddp-layout-meta .ddp-wrap-catalogs.ddp-close {width:26px; border:2px solid #eaeaea;}
.ddp-layout-meta .ddp-wrap-catalogs.ddp-close * {display:none;}
.ddp-layout-meta .ddp-wrap-catalogs.ddp-close .ddp-btn-folding {display:block; position:absolute; top:10px; right:3px;}
.ddp-layout-meta .ddp-wrap-catalogs.ddp-close .ddp-btn-folding * {display:block;}

.ddp-layout-meta .ddp-wrap-catalogs .ddp-wrap-tabs {position:relative;}
.ddp-layout-meta .ddp-wrap-catalogs .ddp-wrap-tabs:before {display:block; position:absolute; bottom:0; left:0; right:0;border-bottom:1px solid #d7d8dd; content:'';}
.ddp-layout-meta .ddp-wrap-catalogs .ddp-wrap-folding {display:block ; position:absolute; top:0; right:0; width:25px; height:41px; border-left:1px solid #ddd;}
.ddp-layout-meta .ddp-view-catalog.ddp-close .ddp-wrap-catalogs .ddp-wrap-folding {border-left:none;}
.ddp-layout-meta .ddp-wrap-catalogs .ddp-wrap-folding .ddp-btn-folding:hover * {display:block;}

.ddp-layout-meta .ddp-wrap-catalogs ul.ddp-ui-tab li {min-width:123px; }
.ddp-layout-meta .ddp-wrap-catalogs ul.ddp-ui-tab li a {padding:16px 10px 15px 10px; height:41px; text-align:center;}
.ddp-layout-meta .ddp-wrap-catalogs ul.ddp-ui-tab li.ddp-selected a:before {position:absolute; bottom:0; left:0; right:0; content:''; border-bottom:1px solid #fff; }
.ddp-layout-meta .ddp-wrap-catalogs ul.ddp-ui-tab li:last-of-type a {border-right:none;}
.ddp-layout-meta em.ddp-bg-back {position:fixed; top:0; left:0; right:0; bottom:0; background:url(../../images/bg_meta.png) no-repeat; background-size:100% 100%;}
.ddp-layout-contents.ddp-layout-meta .ddp-ui-contents-in.ddp-scroll {padding-left:0;}
.ddp-layout-meta .ddp-view-catalog.type-view .ddp-ui-contents-list.ddp-type {padding-top:129px;}
.ddp-layout-contents.ddp-layout-meta .ddp-ui-contents-in.ddp-scroll .ddp-ui-contents-list.ddp-type {position:relative; top:190px; padding:0 0 0 296px; overflow:initial;}

.ddp-layout-meta .ddp-ui-contents-list.ddp-type.ddp-close {padding-left:0;}
.ddp-layout-meta .ddp-meta-list .ddp-no-data {padding:42px 0; color:#b5b9c2; border-top:1px solid #e7e7ea; text-align:center;}
.ddp-layout-meta .ddp-meta-list .ddp-type-label {padding:0 0 20px 0;color:#4b515b; font-size:16px;}

.ddp-layout-meta .ddp-meta-list .ddp-type-label em.ddp-icon-fav {display:inline-block; position:relative; top:-2px; width:13px; height:12px; background:url(../../images/icon_fav.png) no-repeat; cursor: pointer; background-position:0 -31px; vertical-align: middle;}
.ddp-layout-meta .ddp-meta-list .ddp-type-label em.ddp-icon-fav.ddp-selected { background-position:-14px -31px;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list {padding:16px 20px; background-color:#fff;
  -webkit-box-shadow: 0 2px 6px 2px rgba(102, 110, 178, 0.15);
  -moz-box-shadow: 0 2px 6px 2px rgba(102, 110, 178, 0.15);
  box-shadow: 0 2px 6px 2px rgba(102, 110, 178, 0.15);
}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-total {float:left; padding-bottom:17px; color:#4b515b;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-total .ddp-txt-search {color:#666eb2; font-weight:bold;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box {position:relative; top:-5px;padding:4px 26px 3px 7px; height:26px;float:right;background:#f3f4f9; border:1px solid #e8e9f4; border-radius:2px; vertical-align:middle; box-sizing:border-box;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-icon-folder {position:relative; top:0; left:0; margin:0 4px 0 0;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-ui-root {float:left;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-list-root + .ddp-list-root {position:relative; padding:0 0 0 12px; margin-left:4px;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-list-root + .ddp-list-root:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-4px; width:4px; height:8px; background:url(../../images/icon_dataview.png) no-repeat; background-position:left -40px; content:'';}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-list-root:hover {text-decoration:underline;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-ui-root .ddp-list-root:last-of-type {font-weight:bold ;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-icon-control-fav {position:relative; top:-1px; margin-right:3px; vertical-align:top;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-link-reset {display:inline-block; position:absolute; top:0; right:0; width:26px; height:24px; background-color:#e9ebf3;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-link-reset .ddp-btn-reset {display:inline-block; position:absolute; top:50%; left:50%; margin:-7px -7px; width:14px; height:13px; background:url(../../images/icon_reset.png) no-repeat -16px -20px;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-data-tag {margin-right:6px; color:#4b515b;}
.ddp-layout-meta .ddp-meta-list .ddp-box-list .ddp-data-box .ddp-data-tag .ddp-icon-tag {display:inline-block; position:relative; top:-1px; width:12px; height:12px; margin-right:3px; vertical-align:middle; background:url(../../images/icon_tag.png) no-repeat;}
.ddp-layout-meta .ddp-meta-list .ddp-box-page {border:none;
  -webkit-box-shadow: 0 2px 2px 1px rgba(231,231,234,1);
  -moz-box-shadow: 0 2px 2px 1px rgba(231,231,234,1);
  box-shadow: 0 2px 2px 1px rgba(231,231,234,1);}
.ddp-ui-banner {margin-bottom:27px; border-radius:4px; box-shadow: 0 2px 5px 0 #d2d4ed; background-color: #fff;}
.ddp-ui-banner .ddp-type-label {padding:20px 20px; color:#4b515b; font-weight:bold; font-size:14px;}
.ddp-ui-banner ul.ddp-list-popular {padding:0 35px 35px 35px;}
.ddp-ui-banner ul.ddp-list-popular li {float:left; width:20%; padding:0 4px; box-sizing:border-box;}
.ddp-ui-banner ul.ddp-list-popular li a {display:block;position:relative; border-radius:4px; height:220px; text-align:center;}
.ddp-ui-banner ul.ddp-list-popular li.type-database a {background-color:#4478ec;}
.ddp-ui-banner ul.ddp-list-popular li.type-database a:hover {background-color:#3966c8;}
.ddp-ui-banner ul.ddp-list-popular li.type-datasource a {background-color:#3d417e;}
.ddp-ui-banner ul.ddp-list-popular li.type-datasource a:hover {background-color:#33376b;}
.ddp-ui-banner ul.ddp-list-popular li.type-stagingdb a {background-color:#664ad5;}
.ddp-ui-banner ul.ddp-list-popular li.type-stagingdb a:hover {background-color:#563eb5;}
.ddp-ui-banner ul.ddp-list-popular li.type-dataset a {background-color:#48c7c4;}
.ddp-ui-banner ul.ddp-list-popular li.type-dataset a:hover {background-color:#3da9a6;}
.ddp-ui-banner ul.ddp-list-popular li a svg {width:43px; height:43px; margin:40px 0 0 0;}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-name {margin:18px 0 0 0; padding:0 10px; color:#fff; font-size:16px; font-weight:bold; max-height:40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-det {padding:0 10px;margin-top:5px; font-size:12px; color:#fff; opacity:0.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  /* autoprefixer: next */
  -webkit-box-orient: vertical;
  word-wrap:break-word;}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-bottom {position:absolute; bottom:0; left:0; right:0; padding:4px 10px; background:rgba(0,0,0,0.2);}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-bottom .ddp-list-tags {display:block; margin-top:0;color:#c1cef1; overflow:hidden;}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-bottom .ddp-list-tags em.ddp-data-num {float:right; position:relative; top:6px; margin-left:4px;}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-bottom .ddp-list-tags span.ddp-tags {display:block; padding:3px 6px 3px 6px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-color: rgba(255, 255, 255, 0.1); color:#fff;}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-bottom .ddp-ui-popularity {float:left; position:relative; top:5px; margin-right:5px; }
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-bottom .ddp-ui-popularity .ddp-icon-popularity
{ float:left; width:18px; height:14px; margin-right:3px; background:url(../../images/icon_popularity.png) no-repeat; background-position:-19px top;}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-bottom .ddp-ui-popularity .ddp-bar {position:relative; top:3px; float:left; width:70px; height:10px; background-color:rgba(255,255,255,0.3); border-radius:2px;}
.ddp-ui-banner ul.ddp-list-popular li a .ddp-data-bottom .ddp-ui-popularity .ddp-bar span {display:inline-block; position:absolute; top:0; left:0; height:100%; border-radius:2px; background-color:#fff;}
.ddp-ui-banner .ddp-wrap-slider {position:Relative;}
.ddp-ui-banner .ddp-wrap-bullet {position:absolute; bottom:10px; left:0; right:0; text-align:center;}
.ddp-ui-banner .ddp-wrap-bullet .ddp-ui-bullet {display:inline-block;}
.ddp-ui-banner .ddp-wrap-bullet .ddp-bullet {display:inline-block; float:left; width:7px; height:7px; border-radius:50%; background-color:#d0d1d8; margin:0 5px; cursor:pointer;}
.ddp-ui-banner .ddp-wrap-bullet .ddp-bullet.ddp-selected {position:relative; top:-1px;width:9px; height:9px; background-color:#666eb2;}
.ddp-ui-banner .ddp-paging .ddp-btn-prev,
.ddp-ui-banner .ddp-paging .ddp-btn-next {display:inline-block; width:12px; height:22px; background:url(../../images/btn_slider2.png) no-repeat;}
.ddp-ui-banner .ddp-paging .ddp-btn-prev:hover,
.ddp-ui-banner .ddp-paging .ddp-btn-next:hover {background-position-y:-23px;}
.ddp-ui-banner .ddp-paging .ddp-btn-prev {position:absolute; top:95px; left:13px; transform:rotate(180deg)}
.ddp-ui-banner .ddp-paging .ddp-btn-next {position:absolute; top:95px; right:13px;}
.ddp-wrap-meta-summary {height:368px; margin:0 -16px 30px -16px;}
.ddp-wrap-meta-summary .ddp-box-summary {float:left; width:33.3333%; padding:0 16px; box-sizing:border-box;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-data-nodata {padding:27px 0; text-align:center; color:#90969f; font-size:14px;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-data-nodata:before {display:inline-block; width:15px; height:15px; margin-right:4px;background:url(../../images/icon_delete.png) no-repeat; background-position:left -30px; content:''; vertical-align:middle;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-type-label {border-bottom:1px solid #e7e7ea; padding:0 10px 15px 10px;color:#4b515b; font-size:14px; font-weight:bold;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-type-label .ddp-btn-more  {float:right; padding:3px 7px; background-color:rgba(156, 162, 204, 0.2); color:#4c515a; font-size:12px; font-weight:normal; border-radius:2px;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-type-label .ddp-btn-more:hover {background-color:rgba(156, 162, 204, 0.4);}

.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary {}

.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a {display:block; position:relative; float:left; width:100%; padding:10px 10px 10px 75px; box-sizing:border-box;}
/*.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a:hover {border-radius:4px; background-color: rgba(156, 162, 204, 0.15);}*/
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-images-svg {position:absolute; top:10px; left:10px; width:50px; height:50px; border-radius:4px;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a:hover {border-radius:4px; background-color: rgba(156, 162, 204, 0.15);}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li.type-database a .ddp-images-svg {background-color:#4478ec;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li.type-datasource a .ddp-images-svg {background-color:#3d417e;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li.type-stagingdb a .ddp-images-svg {background-color:#664ad5;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li.type-dataset a .ddp-images-svg {background-color:#48c7c4;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a svg {position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; width:30px; height:30px;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-ui-popularity {display:block;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary {display:block;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-data-name {color:#4b515b; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-data-detail {color:#b5b9c2; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-ui-popularity {padding:6px 0;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-ui-popularity .ddp-icon-popularity
{ float:left; width:18px; height:14px; margin-right:3px; background:url(../../images/icon_popularity.png) no-repeat;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-ui-popularity .ddp-bar {position:relative; top:3px; float:left; width:70px; height:10px; background-color:#e6e8f3; border-radius:2px;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-ui-popularity .ddp-bar span {display:inline-block; position:absolute; top:0; left:0; height:100%; border-radius:2px; background-color:#666eb2;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-ui-popularity .ddp-bar .ddp-box-layout4 {display:none; position:absolute; top:100%; margin-top:5px; text-align:left;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-ui-popularity .ddp-bar .ddp-box-layout4.ddp-popularity {width:360px;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-ui-popularity .ddp-bar:hover .ddp-box-layout4 {display:block;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-ui-popularity .ddp-data-by {display:block; padding-left:6px; overflow:hidden; color:#90969f; white-space:nowrap; text-overflow:ellipsis;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-list-tags {margin-top:3px; height:25px; overflow:hidden; white-space:nowrap;}

.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-list-tags span.ddp-tags {float:left;display:block; padding:3px 5px; max-width:90px;background-color: rgba(102, 110, 178, 0.1); color:#666eb2; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-list-tags span.ddp-tags.type-nodata {color:#B5B9C2; background-color:rgba(144,150,159,0.1);}
.ddp-wrap-meta-summary .ddp-box-summary .ddp-list-summary li a .ddp-data-summary .ddp-list-tags span.ddp-tags-num {color:#666eb2; position:relative; top:6px;}
.ddp-box-summary .ddp-list-data {padding:5px 0; margin-left:-10px;}
.ddp-box-summary .ddp-list-data li + li {padding-top:5px;}
.ddp-box-summary .ddp-list-data li a {display:block; position:relative;padding:5px 10px 5px 75px; min-height:60px; box-sizing:border-box;}
.ddp-box-summary .ddp-list-data li a:hover {background-color:rgba(156, 162, 204, 0.15); border-radius:4px;}
.ddp-box-summary .ddp-list-data li a .ddp-data-images {position:absolute; top:5px; left:10px;}
.ddp-box-summary .ddp-list-data li a .ddp-data-profile {display:inline-block; width:50px; height:50px; position:absolute; top:5px; left:10px; background:url(../../images/img_profile.png) no-repeat left -82px; border-radius:50%; overflow:hidden; }
.ddp-box-summary .ddp-list-data li a .ddp-data-txt .ddp-list-tags {padding-top:6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-box-summary .ddp-list-data li a .ddp-data-txt .ddp-list-tags .ddp-tags {padding:3px 6px; margin:0 3px 0 0; background-color:#e2dff5;}
.ddp-box-summary .ddp-list-data li a .ddp-data-txt .ddp-data-name {display:block;padding:3px 0 5px 0; font-size:14px; color:#4b515b; white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.ddp-box-summary .ddp-list-data li a .ddp-data-txt .ddp-data-create {display:block;padding:3px 0 5px 0; font-size:12px; color:#90969f; white-space:nowrap;text-overflow:ellipsis; overflow:hidden}
.ddp-box-summary .ddp-list-data li a .ddp-data-txt .ddp-data-by {display:block; width:100%;color:#4b515b; opacity:0.6; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

/*.ddp-wrap-meta-summary .ddp-wrap-box {}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-box-in {float:left; width:100%; padding-right:325px; margin-right:-325px; box-sizing:border-box;}*/
/*.ddp-wrap-meta-summary .ddp-type-summary-label {padding:15px 25px 15px 25px;font-size:14px; color:#4b515b; font-weight:bold; border-bottom:1px solid #e7e8eb;}*/
/*.ddp-wrap-meta-summary .ddp-data-images {display:inline-block; position:relative; width:50px; height:50px; border-radius:5px;}*/
/*.ddp-wrap-meta-summary .ddp-data-images.type-svg:before {background:none;}*/
/*.ddp-wrap-meta-summary .ddp-data-images.type-svg svg {display:inline-block; width:30px; height:30px; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px;}*/
/*.ddp-wrap-meta-summary .ddp-data-images.type-database {background-color:#4478ec;}*/
/*.ddp-wrap-meta-summary .ddp-data-images.type-datasource {background-color:#3d417e;}*/
/*.ddp-wrap-meta-summary .ddp-data-images.type-stagingdb {background-color:#664ad5;}*/
/*.ddp-wrap-meta-summary .ddp-data-images.type-dataset {background-color:#48c7c4;}*/
/*.ddp-wrap-meta-summary .ddp-data-images.type-hive {background-color:#353a5c;}*/

/*.ddp-wrap-meta-summary .ddp-data-images.type-hive:before {}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-box-summary {margin-top:18px; background-color:#fff;*/
/*-moz-box-shadow: 0 0 20px rgba(206,210,237); !* drop shadow *!*/
/*-webkit-box-shadow: 0 0 20px rgba(206,210,237); !* drop shadow *!*/
/*box-shadow: 0 0 20px rgba(206,210,237); !* drop shadow *!}*/
/*.ddp-wrap-meta-summary .ddp-wrap-list-summary {float:left; padding:31px 0 0 25px; width:333px; min-width:333px; box-sizing:Border-box;}*/
/*.ddp-wrap-meta-summary .ddp-wrap-list-summary .ddp-type-summary-label {padding:0 0 15px 0;}*/
/*.ddp-wrap-meta-summary .ddp-ui-list-summary .ddp-type-summary-label .ddp-btn-more  {float:right; padding:3px 7px; background-color:rgba(156, 162, 204, 0.2); color:#4c515a; font-size:12px; font-weight:normal; border-radius:2px;}*/
/*.ddp-wrap-meta-summary .ddp-ui-list-summary .ddp-type-summary-label .ddp-btn-more:hover {background-color:rgba(156, 162, 204, 0.4);}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-wrap-summary {padding:20px 15px 20px 15px;}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary > li {width:50%; float:left; box-sizing:border-box;}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li a {display:block; padding:10px 25px 10px 10px; min-height:70px; box-sizing:border-box;}*/

/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li a:hover { background-color:rgba(156, 162, 204, 0.15); border-radius:4px;}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li .ddp-wrap-data {position:relative; padding-left:65px; }*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li .ddp-wrap-data .ddp-data-images {position:absolute; top:0; left:0;}*/

/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li .ddp-data-txt {}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li .ddp-data-txt .ddp-data-name {color:#4b515b; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li .ddp-data-txt .ddp-data-detail {color:rgba(75,81,91,0.5); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}*/

/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li .ddp-list-tags {clear:both; width:100%; height:22px; margin-top:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-list-summary li .ddp-list-tags .ddp-tags {padding:3px 6px; margin:0 3px 0 0; background-color:rgba(156, 162, 204, 0.15)}*/
/*.ddp-wrap-meta-summary .ddp-wrap-box .ddp-ui-list-summary {width:300px; float:right; margin-top:18px;}*/
/*.ddp-wrap-meta-summary .ddp-ui-list-summary .ddp-type-summary-label {padding:15px 0 15px 0;}*/
/*.ddp-ui-list-summary {margin-top:18px;}*/
/*.ddp-ui-list-summary .ddp-list-data {padding:5px 0; margin-left:-10px;}*/
/*.ddp-ui-list-summary .ddp-list-data li + li {padding-top:5px;}*/
/*.ddp-ui-list-summary .ddp-list-data li a {display:block; position:relative;padding:5px 10px 5px 75px; min-height:60px; box-sizing:border-box;}*/
/*.ddp-ui-list-summary .ddp-list-data li a:hover {background-color:rgba(156, 162, 204, 0.15); border-radius:4px;}*/
/*.ddp-ui-list-summary .ddp-list-data li a .ddp-data-images {position:absolute; top:5px; left:10px;}*/
/*.ddp-ui-list-summary .ddp-list-data li a .ddp-data-profile {display:inline-block; width:50px; height:50px; position:absolute; top:5px; left:10px; background:url(../../images/img_profile.png) no-repeat left -82px; border-radius:50%; overflow:hidden; }*/
/*.ddp-ui-list-summary .ddp-list-data li a .ddp-data-txt .ddp-list-tags {padding-top:6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}*/
/*.ddp-ui-list-summary .ddp-list-data li a .ddp-data-txt .ddp-list-tags .ddp-tags {padding:3px 6px; margin:0 3px 0 0; background-color:#e2dff5;}*/
/*.ddp-ui-list-summary .ddp-list-data li a .ddp-data-txt .ddp-data-name {display:block;padding:3px 0 5px 0; font-size:14px; color:#4b515b; white-space:nowrap;text-overflow:ellipsis; overflow:hidden}*/
/*.ddp-ui-list-summary .ddp-list-data li a .ddp-data-txt .ddp-data-create {display:block;padding:3px 0 5px 0; font-size:12px; color:#90969f; white-space:nowrap;text-overflow:ellipsis; overflow:hidden}*/
/*.ddp-ui-list-summary .ddp-list-data li a .ddp-data-txt .ddp-data-by {display:block; width:100%;color:#4b515b; opacity:0.6; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}*/

/**************************************************************
  메타데이터 used workspace popup
**************************************************************/
.ddp-used-workspace {padding:0 50px;}
.ddp-ui-usedworkspace:last-of-type {border-bottom:1px solid #e4e5eb;}
.ddp-ui-usedworkspace .ddp-data-name  {display:block; padding:10px 17px; background-color:#f6f6f7; border-top:1px solid #e4e5eb; color:#35393f; font-size:14px; font-weight:bold; cursor:pointer;}
.ddp-ui-usedworkspace .ddp-ui-sub-usedwork {display:none; padding-bottom:10px; border-top:1px solid #e4e5eb;}
.ddp-ui-usedworkspace.ddp-selected .ddp-ui-sub-usedwork {display:block;}
.ddp-ui-sub-usedwork .ddp-list-tree {}
.ddp-ui-sub-usedwork .ddp-list-tree + .ddp-list-tree {padding:20px 0 0 0;}
.ddp-ui-sub-usedwork .ddp-list-tree li a {display:block; position:relative; padding:12px 0 12px 45px; color:#4b515b; font-size:13px;}
.ddp-ui-sub-usedwork .ddp-list-tree li a:hover {font-weight:bold; text-decoration:underline;}
.ddp-ui-sub-usedwork .ddp-list-tree li a em[class*="ddp-icon-"] {position:absolute; top:50%; left:20px; margin-top:-7px;}
.ddp-ui-sub-usedwork .ddp-list-tree li ul li a:before {position:absolute; top:0; left:0; background:url(../../images/img_tree_line.png) no-repeat; width:13px; height:21px; content:'';}

.ddp-ui-sub-usedwork .ddp-list-tree li ul {padding-left:20px;}

/**************************************************************
  메타데이터 세일즈데이터
**************************************************************/
.ddp-pop-meta-detail {position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(208,209,216,0.5);}
.ddp-box-meta {position:absolute; top:30px; left:40px; right:40px; bottom:30px; background-color:#fff;
  -moz-box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
  box-shadow: 0 0 20px rgba(0,0,0,.3); /* drop shadow */
  z-index:91; }

.ddp-box-meta .ddp-btn-close {display:inline-block; position:absolute; top:20px; right:20px; width:22px; height:22px; background:url(../../images/btn_popclose.png) no-repeat; background-position:left -112px; z-index:10;}
.ddp-box-meta.type-form .ddp-pop-top {padding-top:40px; padding-bottom:40px;}
.ddp-box-meta.type-form .ddp-pop-top .ddp-ui-title {padding-top:0;}
.ddp-box-meta.type-form .ddp-pop-top .ddp-label-title {font-size:22px; }
.ddp-box-meta.type-form .ddp-detail-contents {top:102px;}
.ddp-box-meta .ddp-pop-top {padding:16px 62px 16px 40px;}
.ddp-box-meta .ddp-pop-top:before,
.ddp-box-meta .ddp-pop-top:after {display:table; content:'';}
.ddp-box-meta .ddp-pop-top:after {clear:both;}
.ddp-box-meta .ddp-pop-top .ddp-ui-title {padding-top:4px; float:left;}
.ddp-box-meta .ddp-pop-top .ddp-label-title {position:relative; top:-2px; float:left; max-width:570px; margin-right:12px; font-weight:bold; color:#4b515b; font-size:16px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-box-meta .ddp-pop-top .ddp-box-tag-value {float:left; margin-right:7px; vertical-align:middle;}
.ddp-box-meta .ddp-pop-top .ddp-wrap-info {position:relative;display:inline-block; margin-right:3px; cursor:pointer; z-index:2;}
.ddp-box-meta .ddp-pop-top .ddp-wrap-info .ddp-icon-info {display:inline-block; width:13px; height:13px; background:url(../../images/icon_info.png) no-repeat; background-position:left -30px;}
.ddp-box-meta .ddp-pop-top .ddp-wrap-info .ddp-box-layout4 {display:none; position:absolute; top:100%; margin-top:6px;}
.ddp-box-meta .ddp-pop-top .ddp-wrap-info.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-box-meta .ddp-pop-top .ddp-wrap-info .ddp-box-layout4.type-info {width:340px;}
.ddp-box-meta .ddp-box-layout4 .ddp-icon-close {display:inline-block; position:absolute; top:16px; right:16px; width:11px; height:11px; background:url(../../images/btn_close.png) no-repeat; background-position:left -58px;}
.ddp-box-meta .ddp-detail-contents {top:62px;}
.ddp-box-meta .ddp-detail-contents ul.ddp-ui-tab {height:42px; overflow:hidden;}
.ddp-box-meta .ddp-pop-top .ddp-right {float:right;}
.ddp-box-meta .ddp-pop-top .ddp-right .ddp-btn-pop {margin-left:6px;}

.ddp-box-meta .ddp-pop-top .ddp-ui-title .ddp-data-name {display:inline-block; position:relative; top:2px;margin-left:17px; color:#b7bac1; font-size:13px;}
.ddp-box-meta .ddp-pop-top .ddp-ui-title .ddp-data-name .ddp-txt-name {color:#4b515b; font-size:13px; text-decoration:underline;}
.ddp-box-meta .ddp-pop-top .ddp-ui-title .ddp-data-name .ddp-txt-name.type-line-none {text-decoration:none;}
.ddp-detail-view.ddp-left {position:relative; float:left; width:475px; height:100%;z-index:1;}
.ddp-detail-view.ddp-right {float:left; position:relative; width:100%; margin-left:-475px; padding-left:514px; box-sizing:border-box;}
.ddp-detail-view.ddp-right:before {display:block; position:absolute; left:476px; bottom:0; top:0; border-left:1px solid #e5e7f0;; content:'';}
.ddp-detail ul.ddp-list-user {overflow:hidden; margin:-3px -3px;}
.ddp-detail ul.ddp-list-user li {float:left; padding:3px 3px; width:33.3333%; box-sizing:border-box;}
.ddp-detail ul.ddp-list-user li .ddp-box-user {display:block; padding-right:10px; overflow:hidden; background-color:rgba(236, 238, 246, 0.3); cursor:default;}
/*.ddp-detail ul.ddp-list-user li .ddp-box-user:hover {background-color:#eceef6;}*/
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-data-photo {position:relative; width:50px; height:50px; float:left; margin:22px 10px 22px 13px;border-radius:50%; overflow:hidden; cursor:pointer;}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-data-photo:before {display:inline-block; width:50px; height:50px; position:absolute; top:0; left:0; background-position:left -82px; content:'';}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-data-photo img {display:block; width:100%; height:100%;}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data {display:block; margin-left:-78px; padding-left:78px; width:100%; float:left; box-sizing:border-box;}

.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data .ddp-data-name {display:inline-block; padding:20px 0 0 0; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data .ddp-data-name span.ddp-txt-name {display:block; color:#4e5368; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data .ddp-data-name .ddp-icon-control-fav {position:relative; top:-2px;}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data .ddp-data-info {position:relative; display:inline-block; max-width:100%;padding:4px 0 0 0; color:#4e5368; font-size:12px;}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data .ddp-data-info em.ddp-link-new  {display:inline-block; position:relative; top:2px; float:right; width:14px; height:12px; margin-left:2px; background:url(../../images/icon_window.png) no-repeat; background-position:left -24px; content:'';}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data .ddp-data-info .ddp-txt-info {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data .ddp-data-info.type-link:hover .ddp-txt-info {text-decoration:underline; cursor:pointer;}

.ddp-detail ul.ddp-list-user li .ddp-box-user .ddp-wrap-data .ddp-data-date {padding:2px 0 0 0; color:#90969f; font-size:12px;}
.ddp-page-catalog.ddp-list-catalog .ddp-select-catalog {position:relative; top:0; overflow:inherit;}
.ddp-page-catalog.ddp-list-catalog .ddp-nodata {position:absolute;}

.ddp-detail-contents {position:absolute; top:97px; left:0; right:0; bottom:0; padding:0 30px;}
.ddp-detail-contents .ddp-wrap-tab-contents {position:absolute;top:57px ;left:0; right:0; bottom:0; padding:25px 50px 20px 50px; overflow:auto; }
.ddp-detail-contents .ddp-wrap-tab-contents .ddp-ui-tab-contents {position:relative; height:100%;}
.ddp-detail-contents .type-sampledata .ddp-box-synch {position:absolute; top:-25px; left:0; right:0;}
.ddp-detail-contents .type-sampledata .ddp-data-details.ddp-ui-preview-contents {margin-top:0; top:10px;}

.ddp-detail-contents .ddp-data-details.ddp-ui-preview-contents {position:absolute;margin-top:-25px;}
.ddp-detail-contents .ddp-data-details.ddp-ui-preview-contents .ddp-bar {background-color:#ecedf3;}
.ddp-detail-contents .ddp-data-details.ddp-ui-preview-contents .ddp-bar span {background-color:#9ca2cc;}
.ddp-detail-contents table.ddp-table-form.ddp-table-details tr th .ddp-box-layout4.ddp-popularity {top:100%;}
.ddp-detail-contents .ddp-ui-tag .ddp-label-tag {display:inline-block; float:left; padding:6px 0; margin-right:17px; color:#4c515a; font-weight:bold;}
.ddp-detail-contents .ddp-data-tags {display:block; padding:6px 0 20px 0; overflow:hidden;}
.ddp-detail-contents .ddp-data-tags .ddp-tags {padding:6px; margin-right:5px; border-radius:3px; background-color:#eff0f8; color:#4b515b; font-size:13px;}
.ddp-detail-contents .ddp-ui-datadetail{padding-top:0;}
.ddp-detail-contents table.ddp-table-detail:first-of-type {margin-top:0;}
.ddp-detail-view {margin:0 -3px; padding-bottom:25px;}
.ddp-detail-view .ddp-detail-col { padding:0 3px;}
.ddp-detail-view .ddp-box-table {border:1px solid #e7e7ea;}
.ddp-detail-view .ddp-box-table .ddp-label {padding:18px 17px;color:#4c515a; font-weight:bold;}
.ddp-detail-contents .ddp-box-catalogs {font-weight:bold;}

table.ddp-table-form2.ddp-type tr th {background-color:#f6f6f7; font-weight:normal;}
table.ddp-table-form2.ddp-type tr td .ddp-ui-photo {margin:-4px 0}
table.ddp-table-form2.ddp-type tr td .ddp-data-used {font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ddp-detail-view .ddp-detail {padding:30px 0 0 0;}
.ddp-detail-view .ddp-detail:first-of-type {padding-top:0;}
.ddp-detail-view .ddp-detail .ddp-label {padding-bottom:10px; font-weight:bold; color:#4c515a; font-size:13px;}
.ddp-detail-view .ddp-detail .ddp-label .ddp-link {margin-left:10px; color:#90969f; font-size:13px; text-decoration:underline; font-weight:normal;}
.ddp-detail-view .ddp-detail .ddp-label .ddp-link:hover {color:#4b515b;}
.ddp-detail-view .ddp-detail .ddp-data-det {line-height:18px;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-list-catalog span {position:relative; padding:0 8px 0 12px; color:#35393f; font-weight:bold;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-list-catalog span:first-of-type {padding-left:0;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-list-catalog span:before {display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; width:4px; height:8px; background:url(../../images/icon_tagview.png) no-repeat; transform:rotate(180deg); content:'';}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-list-catalog span:first-of-type:before {display:none;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-list-catalog  + .ddp-list-catalog {margin-top:15px;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-ui-more {position:relative;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-more {display:inline-block; margin-top:15px; text-decoration:underline; font-style:italic;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-ui-more.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-box-layout4 {display:none; position:absolute; top:100%; margin-top:3px; left:-30px; width:280px; text-decoration:none;}
.ddp-detail-view .ddp-detail .ddp-data-det .ddp-box-layout4 * {font-style:normal; text-decoration:none;}
.ddp-detail-view .ddp-detail .ddp-data-det ul.ddp-list-graph {margin-top:0;}
.ddp-detail-view .ddp-detail .ddp-data-det ul.ddp-list-graph span.ddp-txt-det {font-size:13px; color:#90969f;}
.ddp-detail-view .ddp-detail .ddp-data-det ul.ddp-list-graph span.ddp-txt-det:hover {text-decoration:underline;}
.ddp-detail-view .ddp-detail .ddp-data-det ul.ddp-list-graph span.ddp-txt-det .ddp-det-new {display:inline-block; max-width:100%;}
.ddp-detail-view .ddp-detail .ddp-data-det ul.ddp-list-graph span.ddp-txt-det .ddp-det-new em.ddp-link-new {display:inline-block; float:right; position:relative; top:2px;width:14px; height:12px; margin-left:2px; background:url(../../images/icon_window.png) no-repeat; background-position:left -24px; content:'';}
.ddp-detail-view .ddp-detail .ddp-data-det ul.ddp-list-graph span.ddp-txt-det .ddp-det-new .ddp-txt-in {display:block; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.ddp-detail-view .ddp-detail .ddp-data-det ul.ddp-list-graph span.ddp-txt-det .ddp-det-new.type-link:hover .ddp-txt-in {text-decoration:underline; cursor:pointer;}
.ddp-detail-view .ddp-detail.ddp-type {padding-top:30px; clear:both;}

/**************************************************************
  멀티데이터소스
**************************************************************/
.ddp-data-board-title {padding:24px 29px; text-align:left; color:#535c67; font-size:16px;}
.ddp-data-board-title .ddp-icon-dashboard2 {margin-right:5px; vertical-align:middle;}

.ddp-box-popupcontents3.ddp-type-multidata {position:relative; height:598px; margin-top:-53px;}
.ddp-type-multidata .ddp-multidata-option {position:relative; padding:14px 20px; height:50px; border-bottom:1px solid #b7b9c2; background-color:#fff; z-index:1; box-sizing:border-box;}

.ddp-type-multidata .ddp-multidata-option .ddp-btn-line {position:relative; top:-3px; float:right;}
.ddp-type-multidata .ddp-multidata-option .ddp-btn-guide {position:relative; z-index:1;}
.ddp-type-multidata .ddp-multidata-option .ddp-btn-guide:before {display:inline-block; width:19px; height:19px; margin-right:7px; background:url(../../images/icon_que.png) no-repeat; background-position:left -53px; vertical-align:middle; content:'';}
.ddp-type-multidata .ddp-multidata-option .ddp-edit-title {position:absolute; top:0; left:0; right:0; bottom:0; padding:15px 0;text-align:center; color:#4b515b; font-size:16px; font-weight:bold;}
.ddp-type-multidata .ddp-ui-multidata {height:100%; width:100%; background-color:#f7f9ff;}

.ddp-type-multidata .ddp-wrap-add {display:table; width:100%; height:100%; overflow:auto;}
.ddp-type-multidata .ddp-view-multidata {width:100%; height:100%; overflow:auto;}
.ddp-type-multidata .ddp-view-multidata .ddp-txt-edit {position:absolute; top:20px; left:20px; color:#4b515b; font-size:16px; font-weight:bold;}
.ddp-type-multidata.ddp-edit {border:1px solid #b7b9c2;}
.ddp-type-multidata.ddp-edit .ddp-ui-multidata {margin-top:-49px; padding-top:49px;box-sizing:border-box; background-color:#e7e7ea}
.ddp-type-multidata.ddp-edit .ddp-view-multidata {position:relative; height:100%; z-index:1;}
.ddp-type-multidata.ddp-edit .ddp-view-multidata .ddp-txt-message {display:inline-block; position:absolute; top:0; left:0; padding:16px 0 0 20px;color:#4b515b; font-size:13px;}
.ddp-ui-multidata .ddp-ui-add {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.ddp-ui-multidata .ddp-ui-add .ddp-txt-det {display:block; padding-top:18px; text-align:center; color:#b7b9c2; font-size:18px;}
.ddp-ui-multidata .ddp-add-datasource {display:inline-block; width:198px; padding:25px 0; height:72px; border-radius:50%; border:2px solid #b7b9c2; text-align:center; color:#4a515c; font-size:14px; background-color:#fff; box-sizing:border-box;}
.ddp-ui-multidata .ddp-add-datasource:hover {background-color:#f0f4ff; border:2px solid #666eb2; }
.ddp-ui-multidata .ddp-add-datasource .ddp-icon-add {display:inline-block; width:10px; height:10px; margin-right:5px; background:url(../../images/icon_add.png) no-repeat; background-position:left -66px; vertical-align:middle;}

.ddp-ui-multidata .ddp-option-button {position:absolute; top:14px; left:20px; z-index:1;}
.ddp-ui-multidata .ddp-option-button .ddp-txt-info {display:inline-block; position:relative; top:14px; padding-bottom:0; font-size:13px; color:#666eb2; font-weight:bold;}
.ddp-ui-multidata .ddp-option-button .ddp-txt-info:before {display:inline-block; margin-right:7px; width:6px; height:13px; background:url(../../images/icon_info2.png) no-repeat; content:''; vertical-align:middle;}
.ddp-ui-multidata .ddp-option-button a[class*="ddp-btn-"] {float:left; margin-right:10px; vertical-align:middle;}
.ddp-ui-multidata .ddp-option-button .ddp-btn-add-r {display:inline-block; width:36px; height:36px; background:url(../../images/btn_add_r.png) no-repeat; }
.ddp-ui-multidata .ddp-option-button .ddp-btn-add-r:hover {background-position:-37px top;}
.ddp-ui-multidata .ddp-option-button .ddp-btn-edit-r {padding:11px 22px; border-radius: 20px; background-color:#747880; color:#fff; font-size:14px;}
.ddp-ui-multidata .ddp-option-button .ddp-btn-edit-r:hover {background-color:#4b515b;}
.ddp-ui-multidata .ddp-option-button .ddp-btn-edit-r .ddp-icon-btn-edit {background-position-x:-28px;}
.ddp-ui-multidata .ddp-size-button {position:absolute; top:18px; right:22px; z-index:1;}
.ddp-ui-multidata .ddp-size-button [class*="ddp-btn-"] {position:relative; float:left; margin-left:22px;}
.ddp-ui-multidata .ddp-size-button [class*="ddp-btn-"]:before {float:left;  background:url(../../images/btn_network.png) no-repeat; content:''; }

.ddp-ui-multidata .ddp-size-button [class*="ddp-btn-"].ddp-disabled:after {position:absolute; top:0; left:0; right:0; bottom:0; content:''; cursor:no-drop;}
.ddp-ui-multidata .ddp-size-button [class*="ddp-btn-"].ddp-disabled:before {opacity:0.3;}
.ddp-ui-multidata .ddp-size-button .ddp-btn-sizeup:before {width:20px; height:18px;}
.ddp-ui-multidata .ddp-size-button .ddp-btn-sizedown:before {width:20px; height:18px; background-position:left -19px;}
.ddp-ui-multidata .ddp-size-button .ddp-btn-fit:before {width:15px; height:15px; background-position:left -38px;}
.ddp-type-multidata .ddp-box-resultdata {position:absolute; bottom:0; left:0; right:0; height:260px; background-color:#fff; border:1px solid #d0d1d9; z-index:10;
  -webkit-box-shadow: 0 0 8px 1px rgba(231,231,234,1);
  -moz-box-shadow: 0 0 8px 1px rgba(231,231,234,1);
  box-shadow: 0 0 8px 1px rgba(231,231,234,1);}

.ddp-type-multidata .ddp-box-resultdata.ddp-full {height:100%; background-color:#fff;}
.ddp-type-top-option.ddp-type {padding-bottom:0;}
.ddp-type-top-option.ddp-type ul.ddp-ui-tab li.ddp-selected a:after {display:none;}
.ddp-type-top-option.ddp-type:before,
.ddp-type-top-option.ddp-type:after {content:''; display:table; width:100%;}
.ddp-type-top-option.ddp-type:after {clear:both;}
.ddp-type-top-option.ddp-type .ddp-link-type {float:left; padding:8px 10px 0 0; color:#4b515b; font-size:13px;}
.ddp-type-top-option.ddp-type .ddp-link-type em.ddp-icon-link-cut2 {margin-right:5px;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-tab-contents {position:absolute; top:32px; left:0; right:0; bottom:0; border-top:1px solid #d7d8dd;}
.ddp-type-multidata .ddp-box-resultdata .ddp-wrap-tab-result {position:absolute; top:41px; left:9px; right:9px;bottom:10px; border:1px solid #d7d8dd; }
.ddp-type-multidata .ddp-box-resultdata .ddp-wrap-tab-result .ddp-wrap-grid-option .ddp-part-right {margin-top:-2px;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area {position:relative;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area .ddp-name {display:block; padding:10px 20px 10px 9px;overflow:hidden;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area .ddp-name .ddp-txt-name {margin-right:6px;color:#4b515b; font-size:16px;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area .ddp-name .ddp-txt-det {color:#b7b9c2; font-size:12px;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area .ddp-link-type {float:left; padding:14px 0;color:#b7b9c2;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area .ddp-link-type:hover {color:#4b515b;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area .ddp-link-type em.ddp-icon-delete {display:inline-block; position:relative; top:-2px; width:11px; height:12px; background:url(../../images/icon_edit2.png) no-repeat; background-position:-36px -21px; vertical-align:middle;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area .ddp-link-type:hover em.ddp-icon-delete {background-position-x:0;}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-top-area .ddp-icon-fullsize {float:left; width:13px; height:13px; margin:14px 20px 0 29px; background:url(../../images/btn_size.png) no-repeat; }
.ddp-type-multidata .ddp-btn-area-close {display:inline-block; position:absolute; top:-7px; right:-7px; width:22px; height:22px; background:url(../../images/btn_close.png) no-repeat; background-position:left -109px;}
.ddp-type-multidata .ddp-box-join-option {height:100%; overflow:auto; background-color:#fafafb;}
.ddp-type-multidata .ddp-box-join-option a.ddp-data-name {background-color:#90969f;}

.ddp-type-multidata .ddp-box-join-option .ddp-box-lookup ul.ddp-list-lookup li:first-of-type:before,
.ddp-type-multidata .ddp-box-join-option .ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-lookup:before,
.ddp-type-multidata .ddp-box-join-option .ddp-box-lookup ul.ddp-list-lookup li .ddp-ui-add-data:before {border-color:#90969f;}
.ddp-type-multidata .ddp-box-join-option .ddp-box-lookup ul.ddp-list-lookup li a.ddp-ui-joinicon:hover {background-color:#e7e7ea;}
.ddp-type-multidata .ddp-box-join-option .ddp-box-lookup ul.ddp-list-lookup li a.ddp-link-joinname {background-color:#efeff1}
.ddp-type-multidata .ddp-box-resultdata .ddp-ui-tab-contents .ddp-ui-grid-form {position:absolute; top:35px; left:0; right:0; bottom:0; border-top:1px solid #d7d8dd;}
.ddp-type-multidata .ddp-wrap-grid-option .ddp-txt-title {display:inline-block; padding:10px 15px; color:#4b515b; font-size:13px; font-weight:bold;}
.ddp-type-multidata .ddp-wrap-grid-option .ddp-txt-title .ddp-txt-title-info {margin-left:10px; color:#b7b9c2; font-size:12px; font-weight:normal;}
.ddp-type-multidata .ddp-wrap-grid-option .ddp-data-form {padding:5px 0 6px 0;}
.ddp-type-multidata .ddp-wrap-grid-option .ddp-data-form .ddp-wrap-popup2 {top:35px;}
.ddp-essential-filter {height:100%; overflow:auto;}
.ddp-essential-filter .ddp-ui-filter-result {padding:4px 16px ; color:#4b515b; font-size:13px;}
.ddp-essential-filter .ddp-ui-filter-result .ddp-btn-line-s {margin-left:10px;}
ul.ddp-list-essential li {padding:15px; position:relative; border-top:1px solid #ededee;}
ul.ddp-list-essential li span.ddp-txt-filter {display:block; padding-left:20px; color:#4b515b; font-size:13px; position:relative;}
ul.ddp-list-essential li .ddp-data-filter [class*="ddp-icon-"]{position:absolute; left:0; top:2px;}
ul.ddp-list-essential li .ddp-data-det {padding-top:5px; color:#90969f; line-height:18px; font-size:12px;}
ul.ddp-list-essential li .ddp-data-det .ddp-txt-label {color:#b7b9c2;}
.ddp-association {position:absolute; bottom:0; left:0; right:0; height:80px; padding-right:128px; background-color:#fff; border:1px solid #eeeef0;
  -webkit-box-shadow: 0 -2px 2px 1px rgba(231,231,234,1);
  -moz-box-shadow: 0 -2px 2px 1px rgba(231,231,234,1);
  box-shadow: 0 -2px 2px 1px rgba(231,231,234,1);}

.ddp-association .ddp-label {float:left; padding:31px 63px 31px 16px; font-size:14px; font-weight:bold; color:#4b515b;}
.ddp-association .ddp-box-data {display:block; padding:18px 0; position:relative; overflow:hidden;}
.ddp-association .ddp-box-data .ddp-bar {position:absolute; top:23px; left:60px; right:60px; height:30px; background-color:#c1cef1;}
.ddp-association .ddp-box-data .ddp-bar:before {position:absolute; top:50%; left:0; right:0; margin-top:-2px;border-bottom:1px solid #fff; content:'';}
.ddp-association .ddp-box-data .ddp-box-name {position:relative; width:380px; padding:10px; text-align:center; color:#4b515b; font-size:16px; border-radius:25px;  border:2px solid #c1cef1;background-color:#f0f4ff; box-sizing:border-box;}
.ddp-association .ddp-box-data .ddp-box-name:before {display:inline-block; width:9px; height:9px; background-color:#c1cef1; border-radius:50%; border:2px solid #fff; content:'';}
.ddp-association .ddp-box-data .ddp-box-name.ddp-fleft:before {position:absolute; top:50%; right:-5px; margin-top:-6px;}
.ddp-association .ddp-box-data .ddp-box-name.ddp-fright:before{position:absolute; top:50%; left:-5px; margin-top:-6px;}
.ddp-association .ddp-buttons {position:absolute; top:50%; right:20px; margin-top:-9px;}
.ddp-association .ddp-buttons .ddp-btn-line {margin-left:7px;}
.ddp-association .ddp-buttons [class*="ddp-btn-"] {margin-left:20px;}
.ddp-type-multidata .ddp-massage {position:absolute; bottom:0; left:0; right:0; border-top:1px solid #f6f6f7; background-color:#f6f6f7; color:#4b515b;}
.ddp-type-multidata .ddp-massage .ddp-buttons {float:right; padding:10px 20px 10px 0;}
.ddp-type-multidata .ddp-massage .ddp-txt-message {display:block; padding:15px 20px; color:#4b515b; font-size:13px; text-align:center;}
.ddp-popup-dashboard.ddp-type {width:auto; position:absolute; top:120px; left:50px; right:50px; bottom:42px; box-sizing:border-box;}
.ddp-popup-dashboard.ddp-type .ddp-wrap-grid {margin-top:-44px; padding:44px 0 0 0; height:100%; box-sizing:border-box;}
.ddp-popup-dashboard.ddp-type .ddp-wrap-grid.ddp-selected {margin-right:300px;}
.ddp-popup-dashboard.ddp-type .ddp-wrap-viewtable {position:relative;height:100%; padding-bottom:43px; box-sizing:border-box;}
.ddp-popup-dashboard.ddp-type .ddp-wrap-viewtable .ddp-box-add-link3 {position:absolute; bottom:0; left:0; right:0;}
.ddp-popup-dashboard.ddp-type .ddp-wrap-grid .ddp-box-viewtable {height:100%; min-height:auto;}

.ddp-ui-popup-join.ddp-multy .ddp-ui-part .ddp-ui-grid-form {top:115px;}
.ddp-ui-popup-join.ddp-multy .ddp-ui-part .ddp-data-none {top:115px;}

.ddp-ui-popup-join.ddp-multy .ddp-box-key {padding:6px 0; margin:-10px 0 6px 0; background-color:#f2f2f4; text-align:center; color:#b7b9c2; font-size:14px;}
.ddp-ui-popup-join.ddp-multy .ddp-box-key.ddp-selected {background-color:#f2f1f8; color:#666eb2;}

/**************************************************************
      메타데이터 discussion
**************************************************************/
.ddp-type-top-option.type-discussion {margin-top:-13px; }
.ddp-type-top-option.type-discussion .ddp-type-search {width:250px;}

.ddp-box-comment {border:1px solid #d0d1d8; border-radius:3px;}
.ddp-box-comment .ddp-top-comment {border-bottom:1px solid #d0d1d8; background-color:#e7e7e9; }
.ddp-box-comment .ddp-top-comment .ddp-wrap-select {position:relative; width:200px;}
.ddp-box-comment .ddp-top-comment .ddp-wrap-select:after {display:inline-block; position:absolute; top:8px; height:25px; border-left:1px solid #d0d1d8; content:'';}
.ddp-box-comment .ddp-top-comment .ddp-type-select {display:block;  position:relative; padding:12px 30px 10px 13px; width:100%; height:40px; float:left; box-sizing:border-box; cursor:pointer;}
.ddp-box-comment .ddp-top-comment .ddp-type-select .ddp-icon-view {display:inline-block; position:absolute; top:50%; right:15px; width:7px; height:4px; background:url(../../images/icon_select.png) no-repeat -8px top;}
.ddp-box-comment .ddp-top-comment .ddp-type-select .ddp-txt-result {position:relative; padding:0 0 0 36px; font-size:13px;}
.ddp-box-comment .ddp-top-comment .ddp-type-select .ddp-txt-result.type-success {color:#10bf83;}
.ddp-box-comment .ddp-top-comment .ddp-type-select .ddp-txt-result.type-warning {color:#ffba01;}
.ddp-box-comment .ddp-top-comment .ddp-type-select .ddp-txt-result.type-error {color:#dc494f;}
.ddp-box-comment .ddp-icon-success-r,
.ddp-box-comment .ddp-icon-warning-r,
.ddp-box-comment .ddp-icon-error-r {display:inline-block; position:absolute; top:50%; left:6px; background:url(../../images/icon_confidence.png) no-repeat; vertical-align:middle;}
.ddp-box-comment .ddp-icon-success-r {width:20px; height:20px; margin-top:-10px;}
.ddp-box-comment .ddp-icon-warning-r {width:20px; height:18px; margin-top:-9px; background-position:left -21px;}
.ddp-box-comment .ddp-icon-error-r {width:20px; height:20px; margin-top:-10px; background-position:left -57px;}

.ddp-box-comment .ddp-top-comment .ddp-type-buttons {float:right; position:relative;}
.ddp-box-comment .ddp-top-comment .ddp-type-buttons:before {display:inline-block; position:absolute; top:8px; left:0; height:25px; border-left:1px solid #d0d1d8; content:'';}
.ddp-box-comment .ddp-top-comment .ddp-type-buttons .ddp-btn-summit {display:block;position:relative; padding:12px 20px 12px 36px;color:#4b515b; font-size:13px;}
.ddp-box-comment .ddp-top-comment .ddp-type-buttons .ddp-btn-summit .ddp-icon-check {display:inline-block; position:absolute; top:50%; left:20px; margin-top:-4px;  width:11px; height:8px; background:url(../../images/icon_select2.png) no-repeat; background-position:-68px top;}

.ddp-box-comment .ddp-wrap-textarea {height:62px;}
.ddp-box-comment .ddp-wrap-textarea textarea {display:block; width:100%; height:100%; padding:10px 15px; box-sizing:border-box; border:none; font-size:13px; border-radius:0 0 3px 3px;}

.ddp-wrap-discussion {}
.ddp-ui-discussion {position:relative; padding:20px 0 20px 54px; border-bottom:1px solid #e7e7e9;}
.ddp-ui-discussion .ddp-ui-top {padding-bottom:10px;}
.ddp-ui-discussion .ddp-data-top {display:inline-block; padding-top:4px;}
.ddp-ui-discussion .ddp-data-top .ddp-data-name {display:block; font-weight:bold; color:#4b515b;  overflow:hidden;}
.ddp-ui-discussion .ddp-data-top .ddp-data-date {float:right; margin-left:6px; color:#90969f;}
.ddp-ui-discussion .ddp-data-photo {display:inline-block; position:absolute; top:20px; left:0; width:30px; height:30px; border-radius:50%; background:url(../../images/img_profile.png) no-repeat; background-position:left -51px;}
.ddp-ui-discussion .ddp-data-photo img {display:inline-block; width:100%; height:100%;}
.ddp-ui-discussion .ddp-ui-status-block {padding-bottom:8px;}
.ddp-ui-discussion .ddp-box-condition {display:inline-block; position:relative; padding:5px 5px 5px 28px; border-radius:2px; font-size:13px;}
.ddp-ui-discussion .ddp-box-condition.type-warning {background-color:rgba(255, 182, 2, 0.1); color:#ffba01;}
.ddp-ui-discussion .ddp-box-condition.type-success {background-color:rgba(16, 191, 131, 0.1); color:#10bf83;}
.ddp-ui-discussion .ddp-box-condition.type-error {background-color:rgba(220, 73, 79, 0.1); color:#dc494f;}
.ddp-ui-discussion .ddp-icon-success-r,
.ddp-ui-discussion .ddp-icon-warning-r,
.ddp-ui-discussion .ddp-icon-error-r {display:inline-block; position:absolute; top:50%; left:6px; background:url(../../images/icon_confidence.png) no-repeat; vertical-align:middle;}
.ddp-ui-discussion .ddp-icon-success-r {width:20px; height:20px; margin-top:-10px;}
.ddp-ui-discussion .ddp-icon-warning-r {width:20px; height:18px; margin-top:-9px; background-position:left -21px;}
.ddp-ui-discussion .ddp-icon-error-r {width:20px; height:20px; margin-top:-10px; background-position:left -57px;}

.ddp-ui-discussion .ddp-link-reply {position:absolute; top:61px; right:0; color:#90969f; text-decoration:underline;}
.ddp-ui-discussion .ddp-txt-det {padding-bottom:10px; font-size:13px;}

.ddp-ui-discussion .ddp-ui-reply {padding:20px; margin-top:10px; background-color:#f6f6f7;}
.ddp-ui-discussion .ddp-ui-reply + .ddp-ui-reply {margin-top:4px;}
.ddp-ui-discussion .ddp-ui-reply .ddp-txt-det {padding-bottom:0;}
.ddp-ui-discussion .ddp-ui-reply .ddp-ui-reply-top {padding-bottom:10px;}
.ddp-ui-discussion .ddp-ui-reply .ddp-ui-reply-top .ddp-top-in {display:inline-block; max-width:100%;}
.ddp-ui-discussion .ddp-ui-reply .ddp-ui-reply-top .ddp-data-reply-date {float:right; margin-left:10px;}
.ddp-ui-discussion .ddp-ui-reply .ddp-ui-reply-top .ddp-data-reply-name {display:block;font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ddp-ui-discussion .ddp-ui-reply .ddp-ui-textarea {height:62px; border:1px solid #d0d1d8; border-radius:2px; box-sizing:border-box; background-color:#fff;}
.ddp-ui-discussion .ddp-ui-reply .ddp-ui-textarea .ddp-box-textarea {display:block; height:100%; overflow:hidden;}
.ddp-ui-discussion .ddp-ui-reply .ddp-ui-textarea .ddp-box-textarea textarea {display:block; padding:9px 10px; width:100%; height:100%; background:none; border:none; box-sizing:border-box;}
.ddp-ui-discussion .ddp-ui-reply .ddp-ui-textarea .ddp-btn-selection {float:right; margin:16px 24px 16px 10px;}

/**************************************************************
  멀티데이터 가이드
**************************************************************/
.ddp-type-multidata.ddp-edit .ddp-view-guide {position:absolute; top:49px; left:0; right:0; bottom:0; background-color:rgba(125,132,142,0.85); z-index:20;}
.ddp-type-multidata.ddp-edit .ddp-view-guide:before {display:inline-block; position:absolute; top:-10px; left:20px; width:18px; height:11px; background:url(../../images/icon_guide_arrow.png) no-repeat; content:'';}
.ddp-type-multidata.ddp-edit .ddp-view-guide .ddp-wrap-guide {display:table; width:100%; height:100%;}
.ddp-type-multidata.ddp-edit .ddp-view-guide .ddp-wrap-guide .ddp-ui-guide {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.ddp-type-multidata.ddp-edit .ddp-view-guide .ddp-txt-det {display:block; padding-bottom:15px; color:#fff; font-size:22px;}
.ddp-type-multidata.ddp-edit .ddp-view-guide .ddp-sub-det {display:block;  color:#fff;font-size:22px;}
.ddp-guide-motion {padding:24px 0 0 0;}
.ddp-guide-motion .ddp-motion {display:inline-block; position:relative; }
.ddp-guide-motion .ddp-box-nodes {position:relative; display:inline-block; width:198px; height:72px; padding:27px 0; background-color:#fff; color:#000; font-size:16px; border-radius:50%; box-sizing:border-box; z-index:10;
  -webkit-box-shadow: 0 16px 35px -15px #000;
  -moz-box-shadow: 0 16px 35px -15px #000;
  box-shadow: 0 16px 35px -15px #000;}
.ddp-guide-motion .ddp-box-nodes.ddp-last {margin-left:178px;}

.ddp-guide-motion .ddp-line-bar {display:inline-block;  position:absolute; top:25px; left:180px; width:45px; height:61px;  }
.ddp-guide-motion .ddp-line-bar em.ddp-icon-handler {display:inline-block; position:absolute; top:0; right:0; width:45px; height:61px; background:url(../../images/icon_handle.png) no-repeat; z-index:20;}
.ddp-guide-link {padding:35px 0 0 0; }
.ddp-guide-link .ddp-link-txt {padding:8px 20px 9px 20px; border:1px solid #d0d1d8; border-radius:2px; color:#fff; font-size:16px;}
.ddp-guide-link .ddp-link-txt:hover {background-color:rgba(255,255,255,0.3);}

.ddp-guide-motion .ddp-line-bar:before {display:inline-block; position:absolute; top:-10px; left:0; right:27px; height:40px; background-color:#d0d1d8; content:''; z-index:5}

/**************************************************************
  network
**************************************************************/
#mynetwork {width:100%; height:100%;}

/**************************************************************
  mapview
**************************************************************/
em.ddp-icon-mapview1:before,
em.ddp-icon-mapview2:before,
em.ddp-icon-mapview3:before,
em.ddp-icon-mapview1-w:before,
em.ddp-icon-mapview2-w:before,
em.ddp-icon-mapview3-w:before,
em.ddp-icon-analysis:before{display:inline-block; width:17px; height:15px; content:'';background:url(../../images/icon_mapview.png) no-repeat; background-position:-18px top; vertical-align:middle; }

em.ddp-icon-mapview2:before {background-position:-18px -16px;}
em.ddp-icon-mapview3:before {background-position:-18px -32px;}
em.ddp-icon-mapview1-w:before {background-position:0 0;}
em.ddp-icon-mapview2-w:before {background-position:0 -16px;}
em.ddp-icon-mapview3-w:before {background-position:0 -32px;}
em.ddp-icon-analysis:before {height:12px; margin-top:-6px; background-position:-18px -48px;}

em.ddp-icon-layer1,
em.ddp-icon-layer2 {display:inline-block; width:17px; height:15px; content:'';background:url(../../images/icon_mapview.png) no-repeat; background-position:-18px top; vertical-align:middle; }
em.ddp-icon-layer2 {background-position:-18px -16px;}

.ddp-ui-shelf em.ddp-icon-mapview1,
.ddp-ui-shelf em.ddp-icon-mapview2,
.ddp-ui-shelf em.ddp-icon-mapview3,
.ddp-ui-shelf em.ddp-icon-analysis{position:absolute; top:4px; left:7px; width:42px; height:39px; z-index:5;background-color:#fff;}

.ddp-ui-shelf em.ddp-icon-mapview1:before,
.ddp-ui-shelf em.ddp-icon-mapview2:before,
.ddp-ui-shelf em.ddp-icon-mapview3:before,
.ddp-ui-shelf em.ddp-icon-analysis:before {position:absolute; top:50%; left:50%; margin:-8px 0 0 -9px;}
.ddp-ui-shelf .ddp-tag-layer,
.ddp-ui-shelf .ddp-tag-layer2,
.ddp-ui-shelf .ddp-tag-analysis {padding:2px 4px; margin:0 5px 0 13px; background-color:#e8eaef; color:#838992; font-size:13px; border-radius:2px;}
.ddp-ui-shelf .ddp-tag-layer {margin-left:0;}
.ddp-ui-shelf .ddp-tag-layer2 {background-color:#e9eff6; color:#8d9bb0;}
.ddp-ui-shelf .ddp-tag-analysis {background-color:#f2efe8; color:#a4968d;}
.ddp-map-tooltip  {display:block; position:absolute; top:0; left:0; max-width:300px; padding:9px; box-sizing:border-box;z-index:10;}
.ddp-map-tooltip .ddp-label {display:block; padding-bottom:6px; color:#fff; font-size:14px; font-weight:bold; vertical-align:middle;}
.ddp-map-tooltip .ddp-label [class*="ddp-icon-mapview"] {margin-right:5px;}

.ddp-map-tooltip .ddp-data-tooltip {margin-bottom:8px;}
.ddp-map-tooltip .ddp-data-tooltip:last-of-type {margin-bottom:0;}
.ddp-map-tooltip .ddp-data-tooltip .ddp-title {color:#d0d1d8; font-size:13px; font-weight:normal; text-align:left; white-space:normal;}
.ddp-map-tooltip .ddp-data-tooltip .ddp-det {color:#fff; font-size:13px; white-space:normal;}

.ddp-list-datavalue > li {position:relative; padding:5px 28px 5px 10px; background-color:#eeeef0; color:#4a525c; font-size:13px; cursor:pointer;}
.ddp-list-datavalue > li + li {margin-top:2px;}
.ddp-list-datavalue li em[class*="ddp-icon-dimension-"],
.ddp-list-datavalue li em[class*="ddp-icon-measure"] {float:left; margin-right:8px;}
.ddp-list-datavalue > li span.ddp-data-value {display:block;  position:relative; padding-left:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.ddp-list-datavalue > li span.ddp-data-value > em[class*="ddp-icon-dimension-"],
.ddp-list-datavalue > li span.ddp-data-value >  em[class*="ddp-icon-measure"] {position:absolute; top:50%; left:0; margin-top:-5px;}
.ddp-list-datavalue > li:hover .ddp-icon-listdelete {display:inline-block; position:absolute; top:50%; right:10px; margin-top:-8px; width:15px; height:15px; background:url(../../images/icon_delete.png) no-repeat; background-position:left -14px; cursor:pointer;}

.ddp-list-datavalue li.ddp-add.ddp-selected .ddp-box-layout4 {display:block;}
.ddp-list-datavalue li.ddp-add em.ddp-icon-plus {position:absolute; top:50%; left:8px; margin:-8px 0 0 0; width:15px; height:15px; background:url(../../images/icon_plus.png) no-repeat; background-position:left -15px; content:'';}

.ddp-list-datavalue li.ddp-add  span.ddp-data-value {color:#90969f;}

.ddp-list-datavalue li.ddp-add:after {display:inline-block; position:absolute; top:50%; right:14px; width:7px; height:4px; margin-left:9px; margin-top:-2px; background:url(../../images/icon_select.png) no-repeat; transform:rotate(180deg); content:'';}
.ddp-list-datavalue li.ddp-add.ddp-selected:after {transform:rotate(0)}
.ddp-data-value {position:relative;}
.ddp-data-value .ddp-box-layout4 {display:none; position:absolute; top:100%; left:0; right:0; padding:12px 0 0 0;width:auto; max-height:334px; overflow:auto; z-index:10;}
.ddp-data-value .ddp-box-layout4 .ddp-form-search {width:auto; margin:0 10px;}
.ddp-data-value .ddp-list-typebasic {padding:11px 0 ;}
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a {padding-left:38px; padding-right:16px;}
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em[class*="ddp-icon-dimension-"],
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em[class*="ddp-icon-measure-"] {position:absolute; top:50%; left:18px; margin-top:-7px;}

.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-dimension-ab,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-dimension-maplink,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-measure-ab,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-measure-maplink,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-type-ab,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-type-maplink {margin-top:-5px;}

.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-dimension-sharp,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-dimension-float,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-dimension-tf,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-dimension-int,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-measure-sharp,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-measure-float,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-measure-tf,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-measure-int,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-type-sharp,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-type-float,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-type-tf,
.ddp-data-value .ddp-list-typebasic.ddp-list-popup li a em.ddp-icon-type-int  {margin-top:-4px;}

.ddp-list-datavalue .ddp-list-typebasic li a .ddp-txt-name {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ddp-box-layout4 .ddp-box-search {padding:0 20px;}
.ddp-box-layout4 .ddp-box-search .ddp-form-search {width:100%; margin-left:0;}
.ddp-wrap-tab-type { margin:0 -15px; text-align:center;}
ul.ddp-list-tab-type {display:inline-block;  }
ul.ddp-list-tab-type li {display:inline-block; position:relative;float:left; }
ul.ddp-list-tab-type li + li {margin-left:1px;}
ul.ddp-list-tab-type li a {display:inline-block; width:46px; height:46px;}
ul.ddp-list-tab-type li a em[class*="ddp-img-map-"] {display:inline-block;  width:46px; height:46px;background:url(../../images/img_maptype.png) no-repeat; }
ul.ddp-list-tab-type li a em.ddp-img-map-sign {}
ul.ddp-list-tab-type li a em.ddp-img-map-line {background-position:-47px 0;}
ul.ddp-list-tab-type li a em.ddp-img-map-polygon {background-position:-94px 0;}
ul.ddp-list-tab-type li a em.ddp-img-map-heatmap {background-position:-141px 0;}
ul.ddp-list-tab-type li a em.ddp-img-map-tile {background-position:-188px 0;}

ul.ddp-list-tab-type li a:hover em[class*="ddp-img-map-"],
ul.ddp-list-tab-type li.ddp-selected a em[class*="ddp-img-map-"]{background-position-y:-47px;}
ul.ddp-list-tab-type li a:hover + .ddp-ui-tooltip-info {display:block; top:100%; margin-top:5px; left:0;}

.ddp-list-tab-type2 {border-radius:2px; margin:0 -1px;}
.ddp-list-tab-type2 li {float:left; position:relative; width:25%; padding:0 1px; box-sizing:border-box;}

.ddp-list-tab-type2 li a {display:block; width:100%; height:58px; position:relative; border:2px solid #e3e3e6; background:url(../../images/bg_maptype.png) no-repeat; box-sizing:border-box;}
.ddp-list-tab-type2 li a:hover {border-color:#b6b9c1;}
.ddp-list-tab-type2 li a [class*='ddp-icon-map-'] {display:inline-block; position:absolute; top:50%; left:50%; background:url(../../images/img_maptype2.png) no-repeat;}
.ddp-list-tab-type2 li a .ddp-icon-map-point {width:41px; height:38px; margin:-19px 0 0 -20px;}
.ddp-list-tab-type2 li a .ddp-icon-map-heatmap {width:39px; height:36px; margin:-18px 0 0 -19px; background-position-y:-39px;}
.ddp-list-tab-type2 li a .ddp-icon-map-hexagon {width:42px; height:41px; margin:-21px 0 0 -21px; background-position-y:-76px;}
.ddp-list-tab-type2 li a .ddp-icon-map-cluster {width:40px; height:41px; margin:-20px 0 0 -21px; background-position-y:-118px;}
.ddp-list-tab-type2 li.ddp-selected a {border-color:#9ca2c9;}
.ddp-list-tab-type2 li.ddp-selected a .ddp-icon-map-point {background-position-x:-42px;}
.ddp-list-tab-type2 li.ddp-selected a .ddp-icon-map-heatmap {background-position-x:-42px;}
.ddp-list-tab-type2 li.ddp-selected a .ddp-icon-map-hexagon {background-position-x:-43px;}
.ddp-list-tab-type2 li.ddp-selected a .ddp-icon-map-cluster {background-position-x:-41px;}
.ddp-list-tab-type2 li .ddp-txt-type {display:block; color:#91969e; font-size:12px; text-align:center; letter-spacing:-0.5px;}
.ddp-list-tab-type2 li.ddp-selected .ddp-txt-type {color:#666fad;}
.ddp-list-tab-type2 li.ddp-disabled {opacity:0.5;}
.ddp-list-tab-type2 li.ddp-disabled:before {position:absolute; top:0; left:0; right:0; bottom:0;  content:''; z-index:1;}
.ddp-list-tab-type2 li.ddp-disabled a {cursor:no-drop;}

/**********************************************************************************
     데이터셋치환
 **********************************************************************************/
.ddp-type-dataset .ddp-ui-popup-contents {position:relative;}
.ddp-type-dataset .ddp-popup-dashboard {position:absolute; top:120px; left:50px; right:50px; bottom:50px; width:auto;}
.ddp-type-dataset .ddp-wrap-variable {position:absolute; top:43px; left:0; right:0; bottom:0;}
.ddp-type-dataset  .ddp-wrap-grid {height:100%; padding-bottom:44px; box-sizing:border-box;}
.ddp-type-dataset .ddp-wrap-viewtable {height:100%;}

/**********************************************************************************
     pop manager
**********************************************************************************/
.ddp-pop-manager {position:relative; padding:15px 60px 16px 40px; border-bottom:1px solid #ddd; overflow:hidden; z-index:5;}
.ddp-pop-manager .ddp-data-photo {display:inline-block; float:left; width:50px; height:50px; margin-right:16px; border-radius:50%; overflow:hidden; background:url(../../images/img_photo2.png) no-repeat; background-size:100% 100%;}
.ddp-pop-manager .ddp-data-photo img {display:block; width:100%; height:100%;}

.ddp-pop-manager .ddp-wrap-manager {display:block; padding:5px 0 0 0; overflow:hidden;}
.ddp-pop-manager .ddp-wrap-manager .ddp-data-name {display:inline-block; max-width:100%;}
.ddp-pop-manager .ddp-wrap-manager .ddp-data-name .ddp-icon-control-fav {float:right; margin-left:3px; position:relative; top:2px;}
.ddp-pop-manager .ddp-wrap-manager .ddp-data-name .ddp-txt-name {display:block; margin-bottom:5px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#4b515b; font-size:16px; font-weight:bold;}
.ddp-pop-manager .ddp-wrap-manager .ddp-data-date {color:#90969f; font-size:12px;}
.ddp-box-meta .ddp-detail-contents.type-manager {display:flex; flex-direction: column; top:0; padding:94px 60px 20px 60px; height:100%; box-sizing:border-box; }
.ddp-box-meta .ddp-detail-contents.type-manager .ddp-wrap-table {flex:1 auto; overflow:auto;}
.ddp-box-meta .ddp-detail-contents .ddp-no-data {padding:42px 0; color:#b5b9c2; border-top:1px solid #e7e7ea; text-align:center;}
.ddp-box-meta .ddp-detail-contents.type-manager .ddp-type-top-option {min-width:846px;}
.ddp-box-meta .ddp-detail-contents.type-manager .ddp-box-page {}

/**********************************************************************************
     pop stream
 **********************************************************************************/

.page-storage-create .form-check {display:flex;}
.page-storage-create .form-check .ddp-btn-pop {min-width:auto; margin-left:4px; white-space:nowrap;}
.page-storage-create .ddp-wrap-edit2.type-url {margin-top:0;}
.page-storage-create .ddp-wrap-edit2.type-url .ddp-ui-buttons {padding-top:6px;}
.page-storage-create .ddp-radio-inline {padding-top:5px; overflow:hidden;}
.page-storage-create .ddp-radio-inline li {float:left; margin-right:20px;}
.page-storage-create .ddp-wrap-update { margin-top:17px; margin-bottom:6px;}
.page-storage-create .ddp-wrap-update .ddp-txt-update {color:#666eb2; font-size:14px; float:left;}
.page-storage-create .ddp-wrap-update .ddp-btn-line {float:right; margin-top:-7px;}
.page-storage-create .ddp-wrap-update .ddp-btn-line .ddp-icon-reload {display:inline-block; width:12px; height:12px; margin-right:4px; background:url(../../images/btn_refresh.png) no-repeat; background-position:left -76px; vertical-align:middle;}
.page-storage-create .ddp-txt-error.type-inline {position:relative; top:-5px; margin-left:5px;}

/**********************************************************************************
     데이터셋치환
 **********************************************************************************/
.ddp-pop-manager {position:relative; padding:15px 60px 16px 40px; border-bottom:1px solid #ddd; overflow:hidden; z-index: 5}
.ddp-pop-manager .ddp-data-photo {display:inline-block; float:left; width:50px; height:50px; margin-right:16px; border-radius:50%; overflow:hidden; background:url(../../images/img_photo2.png) no-repeat; background-size:100% 100%;}
.ddp-pop-manager .ddp-data-photo img {display:block; width:100%; height:100%;}

.ddp-pop-manager .ddp-wrap-manager {display:block; padding:5px 0 0 0; overflow:hidden;}
.ddp-pop-manager .ddp-wrap-manager .ddp-data-name {display:inline-block; max-width:100%;}
.ddp-pop-manager .ddp-wrap-manager .ddp-data-name .ddp-icon-control-fav {float:right; margin-left:3px; position:relative; top:2px;}
.ddp-pop-manager .ddp-wrap-manager .ddp-data-name .ddp-txt-name {display:block; margin-bottom:5px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#4b515b; font-size:16px; font-weight:bold;}
.ddp-pop-manager .ddp-wrap-manager .ddp-data-date {color:#90969f; font-size:12px;}
.ddp-box-meta .ddp-detail-contents.type-manager {display:flex; flex-direction: column; top:0; padding:94px 60px 20px 60px; height:100%; box-sizing:border-box; }
.ddp-box-meta .ddp-detail-contents.type-manager .ddp-wrap-table {flex:1 auto; overflow:auto;}
.ddp-box-meta .ddp-detail-contents .ddp-no-data {padding:42px 0; color:#b5b9c2; border-top:1px solid #e7e7ea; text-align:center;}
.ddp-box-meta .ddp-detail-contents.type-manager .ddp-type-top-option {min-width:846px;}
.ddp-box-meta .ddp-detail-contents.type-manager .ddp-box-page {}

/**********************************************************************************
     pop EngineMonitoring datasource detail
**********************************************************************************/
.pop-detail .ddp-wrap-option .ddp-data-total {position:relative; top:6px; color:#90969f; font-size:12px;}
.pop-detail .ddp-wrap-option .ddp-ui-edit-option .ddp-box-tag-value {min-width:52px; padding:0 5px;text-align:center;}

/**********************************************************************************
     pop EngineMonitoring rule edit
**********************************************************************************/
.ddp-wrap-rule-edit {padding-bottom:50px;}
.ddp-wrap-rule-edit .ddp-list-rule {}
.ddp-wrap-rule-edit .ddp-list-rule li {padding-top:10px;}
.ddp-wrap-rule-edit .ddp-list-rule li:first-of-type {padding-top:0;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule {position:relative; padding:20px; background-color: rgba(246, 246, 247, 0.5); cursor:pointer;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule.type-add {background-color:#eff0fb;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule:hover .ddp-btn-control {display:block;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule .ddp-btn-control {display:none; position:absolute; top:20px; right:20px;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule .ddp-data-name {padding-bottom:10px; color:#4b515b; font-size:13px; font-weight:bold;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule .ddp-data-name .ddp-icon-new {position:relative; top:-1px; font-weight:normal; margin-left:7px;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule .ddp-wrap-edit3 {padding:0 0 0 20px; margin-top:10px; margin-bottom:0;width:615px;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule .ddp-wrap-edit3.ddp-type .ddp-label-type {width:80px;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule .ddp-wrap-edit3 .type-full {width:100%;}
.ddp-wrap-rule-edit .ddp-list-rule .ddp-box-rule .ddp-wrap-edit3 .type-input-size {width:300px;}

/**********************************************************************************
     pop Admin Column Dictionry popup
**********************************************************************************/
.ddp-detail-summary .ddp-data-name {padding:0 0 17px 0;color:#4b515b; font-size:18px; font-weight:bold;}
.ddp-detail-summary .ddp-detail-txt {color:#4b515b; font-size:13px;}
.ddp-ui-flex-popup .ddp-pop-contents .ddp-wrap-table-detail {padding:30px 0 0 0; margin:30px 0 0 0;}
.ddp-ui-flex-popup .ddp-pop-contents .ddp-wrap-table-detail .ddp-label-detail {color:#4b515b; font-size:13px; font-weight:bold;}
.ddp-ui-flex-popup .ddp-pop-contents .ddp-wrap-table-detail table.ddp-table-detail {margin-top:19px;}
table.ddp-table-detail tbody tr td .ddp-type-format {margin:-4px 0 13px 0;}
table.ddp-table-detail tbody tr td .ddp-type-format .ddp-label-checkbox {margin-left:10px; vertical-align:top;}
table.ddp-table-detail tbody tr td  .ddp-wrap-label.type-inline .ddp-label-radio {margin-right:18px;}
table.ddp-table-detail tbody tr td .ddp-txt-logical [class*="ddp-icon-type-"]{position:relative; top:0; left:0; margin:0 4px 0 0;}
.ddp-wrap-table-detail .ddp-table-solid-bg {width:50%;}
table.ddp-table-solid-bg tr th {padding:3px 15px;color:#90969f; font-weight:normal; font-size:13px; background-color:#f6f6f7; text-align:left;}
table.ddp-table-solid-bg tr td {padding:5px 15px; font-size:13px; color:#4b515b;}