@charset "utf-8";

.all-wrap {position:relative; width:100%; height:100%; display:flex; flex-direction:row; overflow:hidden; box-sizing:border-box;}

/* 로그인화면 */
.loginWrap {width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.loginWrap .login {position:relative; width:1026px; height:670px; border:1px solid #dcdfe5; background:url("../../assets/img/login/login_bg.png") no-repeat 0 100%; background-color:#fff; box-shadow:3px 3px 8px rgba(0, 56, 118, 0.2); border-radius:4px; box-sizing:border-box;}
.loginWrap .login .logotype {position:absolute; left:50%; top:80px; transform:translateX(-50%); width:148px; height:50px; background:url("../../assets/img/BI.svg") no-repeat 0 0;}
.loginWrap .login .in {position:absolute; left:36.5%; top:134px; color:#000; font-size:13px;}
.loginWrap .login .languageWrap {position:absolute; left:50%; top:155px; transform:translateX(-50%); width:280px; height:34px; background-color:#e7f3f9; color:#0050be; border:1px solid #e7f3f9; border-radius:4px; box-sizing:border-box;}
.loginWrap .login .languageWrap .k-input-inner {color:#0050b8 !important; margin-top:8px !important;}
.loginWrap .login .languageWrap .k-input-solid {background-color:transparent !important; border:none !important;}
.loginWrap .login .languageWrap .k-input-solid:focus-within {box-shadow:none !important;}
.loginWrap .login .languageWrap .k-clear-value {display:none !important;}
.loginWrap .login .languageWrap .k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {border:none !important; height:32px !important; background-color:transparent !important;}

.loginWrap .login .idWrap {position:absolute; left:50%; top:200px; transform:translateX(-50%); width:280px; height:34px; background-color:#e7f3f9; color:#0050be; border:1px solid #e7f3f9; border-radius:4px; text-align:right; box-sizing:border-box;}
.loginWrap .login .idWrap .login-icon {position:absolute; left:10px; top:7px; width:14px; height:16px; background-image:url("../../assets/img/id-icon.png"); box-sizing:border-box;}
.loginWrap .login .idWrap .qms-id {width:245px; height:32px; background-color:transparent; box-sizing:border-box;}
.loginWrap .login .idWrap .qms-id::placeholder {color:#a1b0c4; font-size:12px; letter-spacing:-0.5px;}

.loginWrap .login .passWrap {position:absolute; left:50%; top:245px; transform:translateX(-50%); width:280px; height:34px; background-color:#e7f3f9; color:#0050be; border:1px solid #e7f3f9; border-radius:4px; text-align:right; box-sizing:border-box;}
.loginWrap .login .passWrap .password-icon {position:absolute; left:10px; top:7px; width:14px; height:16px; background-image:url("../../assets/img/pw-icon.png"); box-sizing:border-box;}
.loginWrap .login .passWrap .qms-password {position:absolute; left:33px; top:0; width:214px; height:32px; background-color:transparent; box-sizing:border-box;}
.loginWrap .login .passWrap .qms-password::placeholder {color:#a1b0c4; font-size:12px; letter-spacing:-0.5px;}
.loginWrap .login .passWrap .fa-lg {font-size:15px; position:absolute; right:7px; top:8px; cursor:pointer;}

.loginWrap .login .loginBtnWrap {position:absolute; left:50%; top:290px; transform:translateX(-50%); box-sizing:border-box;}
.loginWrap .login .loginBtnWrap .loginBtn {font-size:16px; width:280px; height:40px; background-color:#003876; color:#fff; border:1px solid #003876; border-radius:4px;}
.loginWrap .login .loginBtnWrap .loginBtn:hover {background-color:#00254f;}

.loginWrap .login .passwordBtnWrap {width:auto; display:flex; justify-content:space-between; column-gap:10px; position:absolute; left:50%; top:350px; transform:translateX(-50%); box-sizing:border-box;}
.loginWrap .login .passwordBtnWrap .passwordBtn {white-space:nowrap; background-color:#fff; height:26px; line-height:26px; color:#0050b8; border:1px solid #64a0ff; border-radius:4px; padding:0px 11px 0px 11px; box-sizing:border-box;}
.loginWrap .login .passwordBtnWrap .passwordBtn:hover {background:#d0e2ff; border:1px solid #6479d6; color:#002b6a;}
.loginWrap .login .passwordBtnWrap .remoteBtn {white-space:nowrap; background-color:#fff; height:26px; line-height:26px; color:#0050b8; border:1px solid #64a0ff; border-radius:4px; padding:0px 11px 0px 11px; box-sizing:border-box;}
.loginWrap .login .passwordBtnWrap .remoteBtn:hover {background:#d0e2ff; border:1px solid #6479d6; color:#002b6a;}

.loginWrap .login .advice {position:absolute; left:55%; top:390px; transform:translateX(-50%); box-sizing:border-box;}
.loginWrap .login .advice li {font-size:12px; line-height:26px; display:block; white-space:nowrap; box-sizing:border-box;}
.loginWrap .login .advice li h4 {display:inline-block; box-sizing:border-box;}
.loginWrap .login .advice li span {vertical-align:bottom; letter-spacing:-0.5px; display:inline-block; box-sizing:border-box;}
.loginWrap .login .advice .dot {vertical-align:-6px; padding:4px; border-radius:50%; font-size:12px; color:#0050b8; border:1px solid #b3c5d5; background-color:#e7f3f9;}

.loginWrap .login .footer {position:absolute; left:50%; bottom:20px; transform:translateX(-20%); box-sizing:border-box;}
.loginWrap .login .footer .footerLogo {position:absolute; left:-154px; bottom:42px; width:135px; height:22px; background:url("../../assets/img/login/footer-ci-lselectric.png") no-repeat 0 0; display:inline-block; box-sizing:border-box;}

.loginWrap .login .footer .footerEmsLogo {position:absolute; left:-154px; bottom:34px; width:145px; height:22px; background:url("../../assets/img/login/ci_mobility2.png") no-repeat 0 0; display:inline-block; box-sizing:border-box;}

.loginWrap .login .footer .address {font-size:12px; color:#000; margin-bottom:7px; display:block;}
.loginWrap .login .footer .copyright {font-size:12px; color:#000; margin-left:-120px; display:block;}

/* 비밀번호 초기화(팝업) */
.login {width:100vw; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box;}
.login .idWrapper {width:100%; height:auto; margin-left:200px; box-sizing:border-box;}
.login .idWrapper .label {text-align:right; margin-right:5px; min-width:90px; color:#000; font-weight:normal; font-size:13px; display:inline-block;}
.login .idWrapper .qms-id {padding:0 10px 0 10px; display:inline-block; background-color:#e7f3f9; border:1px solid #e7f3f9; width:180px; height:30px; color:#000; border-radius:4px; box-sizing:border-box;}
.login .idWrapper .qms-check {padding:0 10px 0 10px; display:inline-block; background-color:#e7f3f9; border:1px solid #e7f3f9; width:180px; height:30px; color:#000; border-radius:4px; box-sizing:border-box;}
.login .passWrapper {display:none; width:100%; height:auto; margin-left:200px; box-sizing:border-box;}
.login .passWrapper.on {display:block;}
.login .passWrapper .label {text-align:right; margin-right:5px; min-width:90px; color:#000; font-weight:normal; font-size:13px; display:inline-block;}
.login .passWrapper .qms-password {padding:0 10px 0 10px; display:inline-block; background-color:#e7f3f9; border:1px solid #e7f3f9; width:150px; height:30px; color:#000; border-radius:4px; box-sizing:border-box;}
.login .explain {line-height:20px; display:inline-block; color:#797979; font-size:13px; margin-left:38px; margin-top:10px; letter-spacing: -0.5px;}
.confirm-btn {display:inline-block; font-size:13px; letter-spacing:-0.5px; border-radius:4px; width:auto; height:30px; padding:0 8px 1px 8px; color:#0050b8; border:1px solid #64a0ff; background-color:#fff; box-sizing:border-box;}
.confirm-btn:hover {color:#fff; border:1px solid #0050b8; background-color:#0050b8;}
.kendo-popup .article .login .passWrapper .fa-lg {margin-left:2px; color:#0050b8 !important; cursor:pointer !important;}

/* GNB (상단메뉴) */
.header {display:inline-block; width:100%; height:68px; min-width:1000px; position:fixed; top:0; left:0; right:0; z-index:10; box-sizing:border-box;}
.header .logo {width:220px; height:68px; border-bottom:4px solid #003876; background:url("../../assets/img/BI.svg") no-repeat 50% 50%/120px; display:inline-block; cursor:pointer; box-sizing:border-box;}
.header .space-bg {width:70px; height:38px; background:url(../../assets/img/bg-space.png) no-repeat left top; display:inline-block; margin-left:-13px; box-sizing:border-box;}
.header .gnbmenu {display:flex; justify-content:space-around; position:absolute; left:280px; top:30px; width:calc(100% - 280px); min-width:800px; height:38px; background-color:#003876; box-sizing:border-box;}
.header .gnbmenu.personal {justify-content:flex-start; gap:20px;}
.header .gnbmenu li {white-space:nowrap; margin-top:8px; color:#fff; font-size:15px; letter-spacing:-1px; cursor:pointer; box-sizing:border-box;}
.header .gnbmenu li:hover {border-bottom:2px solid #ed164c; margin-bottom:2px;}
.header .gnbmenu li.active {border-bottom:2px solid #ed164c; margin-bottom:2px;}
.header .top-utility {display:flex; flex-direction:row; position:absolute; top:5px; right:10px; box-sizing:border-box;}
.header .top-utility span {color:#333 !important; letter-spacing:-0.5px !important;}
.header .top-utility .user-wrap {}
.header .top-utility .user-wrap h2 {letter-spacing:-1px; color:#003876; font-size:13px; font-weight:normal; display:inline-block;}
.header .top-utility .user-wrap h2 span {letter-spacing:-1px; color:#003876; font-size:13px; font-weight:normal; display:inline-block;}
.header .top-utility .user-wrap p.logout-btn {width:14px; height:18px; display:inline-block; background:url("../../assets/img/ico-login.svg") no-repeat 50% 100%/85%; vertical-align:-3px; margin:0 10px 0 10px; cursor:pointer;}
.header .top-utility .location-wrap {padding:1px; margin-top:1px;}
.header .top-utility .location-wrap .loca {display:none; letter-spacing:-0.5px; font-size:12px; color:#76758a; margin-right:0px; font-weight:normal;}
.header .top-utility .location-wrap .location {width:auto; min-width:82px; font-size:13px !important; color:#003876 !important;}
.header .top-utility .location-wrap .location option {line-height:30px !important; padding:10px !important; font-size:13px !important; color:#003876 !important;}
.header .top-utility .gnb-btn {margin-top:-1px; height:23px; color:#003876; background:#fff; padding:0 6px 0 6px; font-weight:normal; font-size:13px; cursor:pointer;}
.header .top-utility .gnb-btn:hover {background:#ebebeb; border-radius:3px;}
.header .top-utility .language-wrap {padding:1px; margin-top:1px;}
.header .top-utility .language-wrap .lang {display:none; letter-spacing:-0.5px; font-size:12px; color:#76758a; margin-right:0px; font-weight:normal;}
.header .top-utility .language-wrap .language {width:60px; font-size:13px !important; color:#003876 !important; margin-top:-2px !important;}
.header .top-utility .language-wrap .language option {font-size:13px !important; color:#003876 !important;}
.header .top-utility .devide {border-right:1px solid #c4c3c3; width:1px; height:20px; margin-left:4px; margin-right:5px;}

/* LNB (좌측메뉴) */
.lnb {width:250px; height:calc(100% - 92px); min-height:600px; position:absolute; top:78px; left:16px; border:1px solid #909fb7; background:#fff; border-radius:0 4px 4px 4px; box-shadow:4px 2px 8px rgba(0, 56, 118, 0.2); box-sizing:border-box;}
.lnb.fold {display:none;}
.lnb-folding-btn {background:url("../../assets/img/arrow-left.png") no-repeat 50% 50%/6px; position:absolute; top:78px; left:0; width:17px; height:36px; cursor:pointer; border-radius:3px 0 0 3px; display:inline-block; background-color:#003876; z-index:1000; box-sizing:border-box;}
.lnb-folding-btn.fold {background:url("../../assets/img/arrow-right.png") no-repeat 50% 50%/6px; position:absolute; top:78px; left:0; width:17px; height:36px; cursor:pointer; border-radius:0 3px 3px 0; display:inline-block; background-color:#003876; z-index:1000; box-sizing:border-box;}

.lnb .tree-wrap {width:100%; height:calc(100% - 230px); padding:8px 0 8px 8px; overflow-y:auto; overflow-x:hidden; background:#fff; box-sizing:border-box;}
.lnb .tree-wrap .k-treeview-toggle .k-icon {padding:0 !important;}
.lnb .tree-wrap .k-svg-icon {width:13px !important; height:12px !important;}
.lnb .tree-wrap .k-treeview {font-size:13px !important;}
.lnb .tree-wrap .k-treeview.k-treeview-md {overflow-x:hidden !important;}
.lnb .tree-wrap .k-treeview-md .k-treeview-leaf {padding-block:2px !important; padding-inline:0px !important; margin-left:3px;}
.lnb .tree-wrap .k-item.k-treeview-item.depth1.k-first::after {content:""; position:absolute; left:7px; top:21px; bottom:6px; width:1px; border-left:1px dashed #ddd; z-index:0;}
.lnb .tree-wrap .k-checkbox-wrapper {margin-left:-40px !important;}
.lnb .tree-wrap .k-treeview-leaf-text {width:198px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px; cursor:pointer; box-sizing:border-box;}
.lnb .tree-wrap .k-treeview-toggle {color:#fff !important; border:1px solid #8096c0 !important; box-sizing:border-box;}
.lnb .tree-wrap .k-treeview-toggle .k-svg-icon {background-color:#8096c0; box-sizing:border-box; z-index:1;}
.lnb .tree-wrap .k-treeview-leaf.k-selected {background-color:#fff !important; color:#0050b8 !important; font-weight:bold !important;}
.lnb .tree-wrap .k-treeview-leaf:hover,.tree-wrap .tree-view .k-treeview-leaf.k-hover {background-color:#fff !important; color:#000 !important;}
.lnb .tree-wrap .k-treeview-leaf:focus, .tree-wrap .tree-view .k-treeview-leaf.k-focus {box-shadow:none !important; color:#0050b8 !important; font-weight:bold !important;}
.lnb .tree-wrap .depth2 .favorite-stars {visibility:hidden; cursor:pointer;}
.lnb .tree-wrap .depth2 .favorite-stars::before {content:"\2605"; visibility:visible; color:#d2d7df; font-size:17px !important; line-height:0; font-weight:bold; display:inline-block; vertical-align:2px;}
.lnb .tree-wrap .depth2 .favorite-stars:checked::before {content:"\2605"; color:#0a78ff; font-size:17px !important; font-weight:bold; display:inline-block;}

.lnb .to-do-wrap {width:100%; height:35px; padding-top:3px; display:inline-block; text-align:center; background-color:#f0f2f4; border-radius:0 4px 4px 0; box-sizing:border-box;}
.lnb .to-do-wrap .todo {color:#646c74; font-size:16px; font-weight:normal; display: inline-block;}
.lnb .to-do-wrap .todo span {cursor:pointer; vertical-align:-1px; font-size:20px; color:#0a78ff; font-weight:bold; margin-left:15px;}
.lnb .to-do-wrap .notice {color:#646c74; font-size:16px; font-weight:normal; display: inline-block;}
.lnb .to-do-wrap .notice span {cursor:pointer; vertical-align:-1px; font-size:20px; color:#0a78ff; font-weight:bold; margin-left:15px;}

.lnb .lnb-bottom-wrapper {position:fixed; width:248px; height:auto; background-color:transparent; box-sizing:border-box;}
.lnb .lnb-bottom-wrapper .favorite {width:100%; height:auto; border-top:1px solid #dde2e9; box-sizing:border-box;}
.lnb .lnb-bottom-wrapper .favorite h3 {font-size:14px; font-weight:bold; padding:6px;}
.lnb .lnb-bottom-wrapper .favorite h3 span {margin-left:5px;}
.lnb .lnb-bottom-wrapper .favorite .favorite-list {height:90px; overflow-y:auto; overflow-x: hidden;}
.lnb .lnb-bottom-wrapper .favorite .favorite-list li {cursor:pointer; padding:0 7px 0 7px; width:248px; line-height:22px; display:inline-block; font-size:13px; box-sizing:border-box;}
.lnb .lnb-bottom-wrapper .favorite .favorite-list li p {width:206px; margin-left:0px; vertical-align:top; cursor:pointer; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px;}
.lnb .lnb-bottom-wrapper .favorite .favorite-list li p:hover {color:#0050b8; text-decoration:underline;}

.lnb .lnb-bottom-wrapper .contact {border-top:1px solid #dde2e9; padding-bottom:10px;}
.lnb .lnb-bottom-wrapper .contact h3 {font-size:14px; font-weight:bold; padding:6px 6px 3px 6px;}
.lnb .lnb-bottom-wrapper .contact p {font-size:13px; padding-left:6px;}
.lnb .lnb-bottom-wrapper .contact p span {margin-left:5px;}
.lnb .lnb-bottom-wrapper .contact .remote-btn {width:62px; height:25px; font-size:12px; padding-top:3px; border:1px solid #909fb7; color:#596475; border-radius:3px; cursor:pointer; display:flex; justify-content:center; margin-top:-22px; margin-left:178px; box-sizing:border-box;}
.lnb .lnb-bottom-wrapper .contact .remote-btn:hover {background-color:#dbe8f7; border:1px solid #909fb7; color:#596475;}

.lnb .lnb-bottom-wrapper .favorite .favorite-list li p {width:190px; margin-left:5px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lnb .lnb-bottom-wrapper .favorite .favorite-list li .favorite-stars {visibility:hidden; cursor:pointer;}
.lnb .lnb-bottom-wrapper .favorite .favorite-list li .favorite-stars::before {content: "\2605"; visibility:visible; color:#d2d7df; font-size:17px; line-height:0; font-weight:bold; display:inline-block; vertical-align:3px;}
.lnb .lnb-bottom-wrapper .favorite .favorite-list li .favorite-stars:checked::before {content: "\2605"; color:#0a78ff; font-size:17px; font-weight:bold; display:inline-block;}

/*Tree Menu*/
.top-tree-wrap {display:flex; justify-content:flex-start; flex-direction:row; flex-wrap:wrap; row-gap:3px; column-gap:3px; border:1px solid #909fb7; background:#f0f2f4; padding:5px; margin-bottom:5px; box-sizing:border-box;}
.treemenu-wrap .k-treeview-item {cursor:pointer !important;}
.treemenu-wrap {width:100%; height:calc(575px - 37px); padding:10px; overflow-y:auto; overflow-x:hidden; background:#fff; box-sizing:border-box;}
.treemenu-wrap.border {border:1px solid #909fb7;}
.treemenu-wrap.no .k-checkbox-md.k-rounded-md.k-checkbox {display:none !important;}
.treemenu-wrap .k-treeview-md {font-size:12px !important;}
.treemenu-wrap .k-sprite {display:none !important;}
.treemenu-wrap .k-treeview-md .k-treeview-leaf .kendo-icon {display:none !important;}
.treemenu-wrap .k-treeview-leaf:hover, .treemenu-wrap .k-treeview-leaf.k-hover {background-color:#fff !important; color:#000 !important;}
.treemenu-wrap .k-treeview-leaf:focus, .treemenu-wrap .k-treeview-leaf.k-focus {box-shadow:none !important; color:#0050b8 !important; font-weight:bold !important;}
.treemenu-wrap .k-treeview-leaf.k-selected {background-color:#fff !important; color:#0050b8 !important; font-weight:bold !important;}
.treemenu-wrap .k-treeview-leaf {height:18px !important; line-height:18px !important; padding-left:3px !important;}
.treemenu-wrap .k-toggle-icon {width:14px !important; height:14px !important; color:#fff !important; background-color:#8096c0 !important; z-index:1 !important;}
.treemenu-wrap .k-treeview-top, .treemenu-wrap .k-treeview-mid, .treemenu-wrap .k-treeview-bot {margin:0 0 3px 0 !important;}
.treemenu-wrap .k-checkbox-wrapper {margin-top:-2px !important; margin-left:3px !important;}
.treemenu-wrap .k-treeview-top::after {content:""; position:absolute; left:7px; top:5px; bottom:3px; width:1px; border-left:1px dashed #ddd; z-index:0;}

/* Content (본문) */
.content {width:calc(100% - 294px); min-width:840px; height:calc(100% - 88px); min-height:600px; position:absolute; top:77px; left:280px; background:#fff; box-sizing:border-box;}
.content.fold {width:calc(100% - 36px); height:calc(100% - 92px); min-height:600px; position:absolute; top:77px; left:22px; background:#fff; box-sizing:border-box;}
.content .tab-page-all-wrap {width:100%; position:relative; border:1px solid transparent; box-sizing:border-box;}
.content .tab-page-all-wrap .content-area {height:calc(100vh - 128px); min-height:564px; margin-top:36px; overflow-y:auto; overflow-x:hidden; border:1px solid #909fb7; border-top:none; box-shadow:4px 2px 8px rgba(0, 56, 118, 0.2); border-radius:0 0 4px 4px; box-sizing:border-box;}

/* 업무화면 레이아웃 */
.workScreen {padding:0; width:100%; min-width:1100px; height:auto; box-sizing:border-box;}
.workScreen .flexWrapper {display:flex; flex-direction:row; justify-content:space-between; column-gap:16px; box-sizing:border-box;}
.workScreen .flexWrapper .column-1 {width:100%; box-sizing:border-box;}
.workScreen .flexWrapper .column-3 {width:33%; box-sizing:border-box;}
.workScreen .flexWrapper .column-2 {width:50%; box-sizing:border-box;}
.workScreen .flexWrapper .column-2.w30 {width:30% !important;}
.workScreen .flexWrapper .column-2.w35 {width:35% !important;}
.workScreen .flexWrapper .column-2.w40 {width:40% !important;}
.workScreen .flexWrapper .column-2.w45 {width:45% !important;}
.workScreen .flexWrapper .column-2.w55 {width:55% !important;}
.workScreen .flexWrapper .column-2.w60 {width:60% !important;}
.workScreen .flexWrapper .column-2.w65 {width:65% !important;}
.workScreen .flexWrapper .column-2.w70 {width:70% !important;}

.workScreen .flexWrapper .divide {display:flex; flex-direction:row; justify-content:space-between; column-gap:10px; box-sizing:border-box;}
.workScreen .flexWrapper .divide .w30 {width:30% !important;}
.workScreen .flexWrapper .divide .w33 {width:33% !important;}
.workScreen .flexWrapper .divide .w50 {width:50% !important;}
.workScreen .flexWrapper .divide .w70 {width:70% !important;}

.workScreen .flexWrapper .column-2 .main-image {width:auto; height:340px; margin-top:26px; background:url(../../assets/img/img-main.png) no-repeat center center;}
.workScreen .flexWrapper .column-2 .menu-name-wrap {display:flex; justify-content:space-around; max-width:100%; margin-top:10px; border-radius:4px; border:1px solid #dde2e9; background-color:#f0f2f4; padding:16px 10px 30px 10px;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .left-wrap {width:65%; box-sizing:border-box;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .left-wrap .guide-txt {font-size:13px; color:#5f6a7b; margin-bottom:16px;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .left-wrap .guide-txt::before {content:"\203B"; display:inline-block; color:#5f6a7b; font-size:13px; margin-right:5px;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .search-wrap {display:flex; justify-content:space-between; height:40px; background-color:#fff; border:1px solid #004aaa; box-sizing:border-box;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .search-wrap:hover {border:1px solid #023b85 !important;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .search-wrap .input-txt {padding:0 5px 0 5px; width:100%; height:38px; box-sizing:border-box;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .search-wrap .input-txt::placeholder {color:#999; padding-left:5px; font-size:12px;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .search-wrap .search-icons {cursor:pointer; width:38px; height:38px; padding-top:2px; padding-left:2px; font-size:17px; color:#fff; background-color:#0050b8; box-sizing:border-box;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .search-wrap .search-icons:hover {background-color:#023b85;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .btn-wrap {box-sizing:border-box;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .btn-wrap .normal-btn {font-size:13px; letter-spacing:-0.5px; border-radius:4px; width:auto; height:27px; padding:0 10px 3px 10px; color:#0050b8; border:1px solid #64a0ff; background-color:#fff; box-sizing:border-box;}
.workScreen .flexWrapper .column-2 .menu-name-wrap .btn-wrap .normal-btn:hover {color:#fff; border:1px solid #0050b8; background-color:#0050b8;}

.workScreen .flexWrapper .column-2 .main-menu-list {display:none; max-width:100%; height:210px; margin-top:-4px; border-radius:0 0 4px 4px; border:1px solid #dde2e9; overflow-y:auto; background-color:#fff; padding:10px; margin-bottom:10px;}
.workScreen .flexWrapper .column-2 .main-menu-list.visible {display:block;}
.workScreen .flexWrapper .column-2 .main-menu-list li {line-height:20px; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden;}
.workScreen .flexWrapper .column-2 .main-menu-list li span.circle::before {content:'\2022'; color:#333333; display:inline-block; font-size:14px; margin:0 4px 0 4px; vertical-align:top;}
.workScreen .flexWrapper .column-2 .main-menu-list li a {letter-spacing:-0.5px; cursor:pointer; display:inline-block; color:#333333; font-size:13px;}
.workScreen .flexWrapper .column-2 .main-menu-list li a:hover {color:#0050b8; text-decoration:underline;}
.workScreen .flexWrapper .column-2 .main-menu-list li a i.brackets::after {content:'\003e'; color:#2a2c2f; display:inline-block; font-size:14px; margin:0 5px 0 5px;}

.workScreen .m-btn-wrap {width:100%; display:flex; flex-direction:row; justify-content:space-between; box-sizing:border-box;}
.workScreen .m-btn-wrap-left {display:flex; flex-direction:row; justify-content:flex-start; box-sizing:border-box;}
.workScreen .m-btn-wrap-right {display:flex; flex-direction:row; justify-content:flex-end; box-sizing:border-box;}
.workScreen .m-btn-wrap .left {display:flex !important; justify-content:flex-start !important; box-sizing:border-box !important}
.workScreen .m-btn-wrap .right {display:flex !important; justify-content:flex-end !important; box-sizing:border-box !important}
.workScreen .m-btn-wrap #totalCount {margin-top:7px; font-size:13px !important; color:#222 !important; display:inline-block !important; font-weight:bold !important;}
.workScreen .m-btn-wrap .totalCount {margin-top:7px; font-size:13px !important; color:#222 !important; display:inline-block !important; font-weight:bold !important;}
.workScreen .m-btn-wrap .unit {vertical-align:0; margin-left:5px; margin-right:5px; font-size:12px !important; color:#222 !important; display:inline-block !important; font-weight:normal !important;}

.workScreen .titles {font-size:14px; font-weight:bold; letter-spacing:-0.5px; display:inline-block;}
.workScreen .titles::before {content:""; display:inline-block; width:5px; height:18px; background-color:#64a0ff; border-radius:25px; margin:1px 8px 0 0; vertical-align:top;}

.workScreen .s-titles-wrap {width:auto; display:inline-block; box-sizing:border-box;}
.workScreen .s-titles-wrap.w100 {width:100%;}
.workScreen .s-titles-wrap label {vertical-align:-1px !important;}
.workScreen .s-titles {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; display:inline-block; height:26px; line-height:26px;}
.workScreen .s-titles::before {content:""; display:inline-block; border:4px solid #64a0ff; width:5px; height:5px; background-color:#fff; border-radius:50%; margin-right:6px; vertical-align:-1px;}
.workScreen .s-titles .s-titles-sub {font-size:12px; margin-left:10px;}

.workScreen .more-btn {text-align:center; color:#0050b8; padding:0px 10px 4px 10px; background-color:#fff; font-size:12px; border:1px solid #909fb7; line-height:15px; height:20px; border-radius:4px; text-transform:lowercase; box-sizing:border-box;}
.workScreen .more-btn:hover {color:#fff; border:1px solid #0050b8; background-color:#0050b8;}
.workScreen .more-btn::after {content:"\203A"; display:inline-block; font-size:19px; margin-left:10px; vertical-align:-1px;}

.workScreen .btn-wrap {width:auto; text-align:right; display:flex; justify-content:flex-end; column-gap:4px; box-sizing:border-box;}
.workScreen .btn-wrap .align-left {text-align:left; justify-content:flex-end;}
.workScreen .btn-wrap .align-center {text-align:center; justify-content:center;}
.workScreen .btn-wrap .normal-btn {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; border-radius:3px; cursor:pointer;}
.workScreen .btn-wrap .normal-btn:hover {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; border-radius:3px;}

.workScreen .bottom-btn-wrap {width:100%; display:flex; justify-content:center; column-gap:4px; box-sizing:border-box;}
.workScreen .bottom-btn-wrap .cancel-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; cursor:pointer;}
.workScreen .bottom-btn-wrap .cancel-btn:hover {border:1px solid #00319d; background-color:#fff; color:#00319d;}
.workScreen .bottom-btn-wrap .confirm-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; cursor:pointer;}
.workScreen .bottom-btn-wrap .confirm-btn:hover {border:1px solid #003076; background-color:#003076; color:#fff;}
.workScreen .bottom-btn-wrap .return-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#d0e2ff; color:#0050b8; cursor:pointer;}
.workScreen .bottom-btn-wrap .return-btn:hover {border:1px solid #00319d; background-color:#d0e2ff; color:#00319d;}

.workScreen .main-table-wrap {margin-top:8px; width:100%; height:auto; border:1px solid #e2e6ec; border-bottom:none; border-radius:4px; box-sizing:border-box;}
.workScreen .main-table-wrap .main-tb {width:100%; border-collapse: collapse; table-layout: fixed; word-break: break-all;}
.workScreen .main-table-wrap .main-tb thead th {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #e2e6ec; letter-spacing:-0.5px; text-align:center; color:#646c74; font-size:13px; font-weight:500; background-color:#f0f2f4; padding:10px 12px;}
.workScreen .main-table-wrap .main-tb tbody td {position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.5px; border-bottom:1px solid #e2e6ec; text-align:center; color:#2a2c2f; font-size:13px; padding:8px 12px; background-color:transparent;}
.workScreen .main-table-wrap .main-tb tbody td i {width:calc(100% - 21px); color:#2a2c2f; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; box-sizing:border-box;}
.workScreen .main-table-wrap .main-tb tbody td i:hover {color:#0050b8; text-decoration:underline;}
.workScreen .main-table-wrap .main-tb tbody td p {width:calc(100% - 21px); color:#2a2c2f; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.workScreen .main-table-wrap .main-tb tbody td.last {border-bottom:none !important;}
.workScreen .sticker-new {position:absolute; right:0; top:12px; display:inline-block; padding:0 5px 0 5px; cursor:default; height:14px; line-height:14px; border-radius:3px; color:#fff; font-size:11px; background-color:#0a78ff; box-sizing:border-box;}

/* sticker */
.sticker-new-01 {display:inline-block; padding:0 5px 0 5px; cursor:default; height:14px; line-height:12px; border-radius:5px; color:#0a78ff; font-size:9px; font-weight:bold; background-color:#fff; border:1px solid #6666}
.sticker-new-02 {display:inline-block; padding:0 5px 0 5px; cursor:default; height:14px; line-height:14px; border-radius:3px; color:#fff; font-size:11px; background-color:#0a78ff; box-sizing:border-box;}
.sticker-revision-01 {display:inline-block; padding:0 2px 0 2px; cursor:default; height:14px; line-height:12px; border-radius:5px; color:#666; font-size:9px; background-color:#fff; border:1px solid #6666}
.sticker-revision-02 {display:inline-block; padding:0 5px 0 5px; cursor:default; height:14px; line-height:14px; border-radius:3px; color:#fff; font-size:11px; background-color:#0ea906; box-sizing:border-box;}

/* Kendo 팝업창 */
.kendo-popup {position:relative !important;}
.kendo-popup .article {background:#fff; height:575px; padding:10px; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;}
.kendo-popup .article.scroll-y {overflow-y:auto !important;}

/* 사외계측기 교정정보를 위한 height 조정*/
.kendo-popup .article2 {background:#fff; height:785px; padding:10px; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;}
.kendo-popup .article2.scroll-y {overflow-y:auto !important;}

/* 계측기 관리카드를 위한 height 조정*/
.kendo-popup .article3 {background:#fff; height:870px; padding:10px; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;}
.kendo-popup .article3.scroll-y {overflow-y:auto !important;}

.kendo-popup .flexble-article {background:#fff; height:auto; padding:10px 10px 10px 10px; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;}
.kendo-popup .flexble-article .real-grid {width:100%; box-sizing:border-box;}

.kendo-popup .grid-top-wrap {width:100%; display:flex; justify-content:space-between; box-sizing:border-box;}
.kendo-popup .title-wrap {width:auto; box-sizing:border-box;}
.kendo-popup .title-wrap .title {font-size:14px;}
.kendo-popup .title-wrap .title::before {content:""; display:inline-block; width:5px; height:18px; background-color:#64a0ff; border-radius:25px; margin:1px 8px 0 0; vertical-align:top;}

.kendo-popup .title-wrap .title .checkbox {}
.kendo-popup .title-wrap .title label {vertical-align:-1px; margin-left:0px;}
.kendo-popup .m-btn-wrap {display:flex; flex-direction:row; justify-content:space-between; box-sizing:border-box;}
.kendo-popup .m-btn-wrap.align-left {justify-content:flex-start !important;}
.kendo-popup .btn-wrap {display:flex; width:auto; column-gap:3px; justify-content:flex-end !important; box-sizing:border-box;}

.kendo-popup .s-titles-wrap {width:auto; display:inline-block; box-sizing:border-box;}
.kendo-popup .s-titles-wrap.w100 {width:100%;}
.kendo-popup .s-titles-wrap label {vertical-align:-1px !important;}
.kendo-popup .s-titles {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; display:inline-block; height:26px; line-height:26px;}
.kendo-popup .s-titles::before {content:""; display:inline-block; border:4px solid #64a0ff; width:5px; height:5px; background-color:#fff; border-radius:50%; margin-right:6px; vertical-align:-1px;}
.kendo-popup .s-titles .s-titles-sub {font-size:12px; margin-left:10px;}
.kendo-popup .s-titles-2 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; display:block; padding-left:9px; position:relative; color:#444;}
.kendo-popup .s-titles-2::before {content:""; display:inline-block; background-color:#9e9fab; margin-right:6px; vertical-align:0px; position:absolute; left:0; top:7px; width:5px; height:3px;}
.kendo-popup .s-titles-3 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; display:block; padding-left:10px; position:relative; color:#333;}
.kendo-popup .s-titles-3::before {content:""; display:inline-block; margin-right:5px; vertical-align:0px; position:absolute; left:0; top:2px; width:3px; width: 0px; height: 0px; border-top: 6px solid transparent; border-left: 6px solid #0154d8; border-bottom: 6px solid transparent;}
.kendo-popup .s-titles-4 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; margin-left:1px;display:block; padding-left:16px; position:relative; color:#444;}
.kendo-popup .s-titles-4::before {content: ""; content: ""; position: absolute; left:0px; top:2px; width: 11px; height: 13px; background: #a6c0d2;}
.kendo-popup .s-titles-5 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; margin-left: 6px; margin-top: 6px !important; display:block; padding-left:9px; position:relative; color:#444;}
.kendo-popup .s-titles-5::before {content:""; display:inline-block; background-color:#2e2f3a; margin-right:5px; vertical-align:0px; position:absolute; left:0; top:7px; width:5px; height:1px;}
.kendo-popup .s-titles-6 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; margin-left: 5px; margin-top: 6px !important; display:block; padding-left:7px; position:relative; color:#444;}
.kendo-popup .s-titles-6::before {content:""; display:inline-block; background-color:#9e9fab; margin-right:6px; vertical-align:0px; position:absolute; left:0; top:7px; width:2px; height:2px;}
.s-titles-list{display: inline-block; margin-left: -5px;}

/*.kendo-popup .p-titles-3 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; display:block; padding-left:20px; position:relative; color:#333;}
.kendo-popup .p-titles-3 {font-size: 13px; font-weight: bold; letter-spacing: -0.5px; margin-right: 5px; display: block; padding-left: 20px; position: relative; color: #333;}
.with-counter::before {content: var(--counter); margin-right: 5px;}
.kendo-popup .p-titles-3::before { content: ""; display: inline-block; margin-right: 5px; vertical-align: 0px; position: absolute; left: 0; top: 0px; font-size: 13px; content: var(--counter, "");
}
.kendo-popup .p-titles-4 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; margin-left:1px;display:block; padding-left:8px; position:relative; color:#444;}
.kendo-popup .p-titles-4::before {content: ""; content: ""; position: absolute; left:0px; top:2px; width: 3px; height: 13px; background: #a6c0d2;}
.kendo-popup .p-titles-5 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; margin-left: 3px; margin-top: 6px !important; display:block; padding-left:9px; position:relative; color:#444;}
.kendo-popup .p-titles-5::before {content:""; display:inline-block; background-color:#2e2f3a; margin-right:5px; vertical-align:0px; position:absolute; left:0; top:7px; width:5px; height:1px;}
*/
.kendo-popup .p-titles-6 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; margin-left: 5px; margin-top: 6px !important; display:block; padding-left:15px; position:relative; color:#444;}
.kendo-popup .p-titles-6::before {content:""; display:inline-block; margin-right:6px; vertical-align:0px; position:absolute; left:0; top:4px; width:8px; height:8px; border:1px solid #555; border-radius: 5px;}
.p-titles-2,
.p-titles-3,
.p-titles-4,
.p-titles-5,
.p-titles-6{font-size: 13px; cursor: default;}
.s-titles-list{display: inline-block; margin-left: -5px;}
.s-titles-list li{display: inline-block; margin-right:10px; padding-right:10px; position: relative;}
.s-titles-list li:last-child{margin-right:0; padding-right:0;}
.s-titles-list li:before{position: absolute; right:-3px; top:7px; width:1px; height: 12px; background: #ddd; content: '';}
.s-titles-list li:last-child:before{display: none;}
.s-titles-list li span{font-weight: 400 !important;}

.kendo-popup .grid-wrap {width:100%; height:472px; display:flex; justify-content:space-between; gap:0 10px; box-sizing:border-box;}
.kendo-popup .grid-wrap.h1 {height:438px !important;}
.kendo-popup .grid-wrap.h2 {height:508px !important;}
.kendo-popup .grid-wrap .width100 {width:100%; box-sizing:border-box;}

.kendo-popup .grid-wrap .left-grid {width:60%; box-sizing:border-box;}
.kendo-popup .grid-wrap .right-grid {width:40%; box-sizing:border-box;}

.kendo-popup .grid-wrap .left-grid-01 {width:40%; box-sizing:border-box; border:1px solid #909fb7;}
.kendo-popup .grid-wrap .right-grid-01 {width:60%; box-sizing:border-box;}

.kendo-popup .grid-wrap .left-grid-02 {width:50%; box-sizing:border-box;}
.kendo-popup .grid-wrap .right-grid-02 {width:50%; box-sizing:border-box;}

.kendo-popup .grid-wrap .left-grid-01.scroll {overflow-y:auto; overflow-x:auto;}
.kendo-popup .grid-wrap .left-grid.column {display:flex; flex-direction:column;}
.kendo-popup .grid-wrap .left-grid.h100 {height:calc(472px - 40px);}
.kendo-popup .grid-wrap .right-grid.h100 {height:calc(472px - 40px);}

.kendo-popup .grid-wrap .left-grid .top-grid {height:290px; box-sizing:border-box;}
.kendo-popup .grid-wrap .left-grid .bottom-grid {height:180px; box-sizing:border-box;}
.kendo-popup .grid-wrap .left-grid-02 .real-grid {height:208px; box-sizing:border-box;}
.kendo-popup .grid-wrap .right-grid-02 .real-grid {height:439px; box-sizing:border-box;}
.kendo-popup .grid-wrap .left-grid-02 .chart {height:252px; border:1px solid #dde2e9; box-sizing:border-box;}
.kendo-popup .grid-wrap .right-grid-02 .chart {height:252px; border:1px solid #dde2e9; box-sizing:border-box;}
.kendo-popup .grid-wrap .bottom-area {position:absolute; left:0; bottom:50px; width:100%; height:40px; padding:7px 10px 0 10px; box-sizing:border-box;}
.kendo-popup .grid-wrap .bottom-area .label {display:inline-block; font-size:12px;}
.kendo-popup .grid-wrap .fourth {width:25%; box-sizing:border-box;}
.kendo-popup .grid-wrap .fourth h3 {margin-bottom:5px; font-size:13px; font-weight:normal; display:inline-block;}
.kendo-popup .grid-wrap .fourth h3 .spgtitle {color:#222; font-size:13px; font-weight:normal; display:inline-block;}
.kendo-popup .grid-wrap .fourth h3 span {color:#a1a1a1; margin-right:2px; font-size:14px;}
.kendo-popup .grid-wrap .fourth .updown-btn {text-align:right; width:100%; height:auto; margin:5px 0 5px 0; display:block; box-sizing:border-box;}
.kendo-popup .grid-wrap .fourth .updown-btn .up {cursor:pointer; border-radius:3px; width:22px; height:20px; display:inline-block; border:1px solid #909fb7; background-color:#909fb7; box-sizing:border-box;}
.kendo-popup .grid-wrap .fourth .updown-btn .up::before {content:"\25b2"; color:#fff; font-size:10px; display:block;}
.kendo-popup .grid-wrap .fourth .updown-btn .up:hover {border:1px solid #6e7b91; background-color:#6e7b91;}
.kendo-popup .grid-wrap .fourth .updown-btn .down {cursor:pointer; border-radius:3px; width:22px; height:20px; display:inline-block; border:1px solid #909fb7; background-color:#909fb7; box-sizing:border-box;}
.kendo-popup .grid-wrap .fourth .updown-btn .down::before {content:"\25bc"; color:#fff; font-size:10px; display:block;}
.kendo-popup .grid-wrap .fourth .updown-btn .down:hover {border:1px solid #6e7b91; background-color:#6e7b91;}
.kendo-popup .grid-wrap .fourth .grid {box-sizing:border-box;}
.kendo-popup .grid-wrap .fourth .grid.h01 {height:60%;}
.kendo-popup .grid-wrap .fourth .grid.h02 {height:29%;}

.kendo-popup .bottom {width:auto; height:auto; display:flex; justify-content:space-between; background-color:#fff; margin:5px 0 5px 0; padding:0 5px 0 5px; border-radius:0 0 0 0; box-sizing:border-box;}
.kendo-popup .bottom.pr0 {padding-right:0 !important;}
.kendo-popup .bottom.left {display:flex; align-items:center; justify-content:flex-start;}
.kendo-popup .bottom.center {display:flex; align-items:center; justify-content:center;}
.kendo-popup .bottom.right {display:flex; align-items:center; justify-content:flex-end;}
.kendo-popup .bottom .cancel-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; cursor:pointer;}
.kendo-popup .bottom .cancel-btn:hover {border:1px solid #00319d; background-color:#fff; color:#00319d;}
.kendo-popup .bottom .confirm-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; cursor:pointer;}
.kendo-popup .bottom .confirm-btn:hover {border:1px solid #003076; background-color:#003076; color:#fff;}
.kendo-popup .bottom .return-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#d0e2ff; color:#0050b8; cursor:pointer;}
.kendo-popup .bottom .return-btn:hover {border:1px solid #00319d; background-color:#d0e2ff; color:#00319d;}

.kendo-popup .popup-btn-wrap {width:100%; height:auto; display:flex; justify-content:center; background-color:#fff; margin:10px 0 10px 0!important; box-sizing:border-box;}
.kendo-popup .popup-btn-wrap .cancel-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; cursor:pointer;}
.kendo-popup .popup-btn-wrap .cancel-btn:hover {border:1px solid #00319d; background-color:#fff; color:#00319d;}
.kendo-popup .popup-btn-wrap .confirm-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; cursor:pointer;}
.kendo-popup .popup-btn-wrap .confirm-btn:hover {border:1px solid #003076; background-color:#003076; color:#fff;}
.kendo-popup .popup-btn-wrap .return-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#d0e2ff; color:#0050b8; cursor:pointer;}
.kendo-popup .popup-btn-wrap .return-btn:hover {border:1px solid #00319d; background-color:#d0e2ff; color:#00319d;}

/*메일 보내기 팝업*/
.mail-popup .flexble-article {background:#fff; height:auto; padding:10px 10px 20px 10px; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;}
.mail-popup .cancel-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; cursor:pointer;}
.mail-popup .cancel-btn:hover {border:1px solid #00319d; background-color:#fff; color:#00319d;}

/*Alert창 공통팝업*/ 
.comAlert .article {cursor:default !important; background:#fff; height:auto; padding:38px 10px 38px 10px; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;}
.comAlert .article .showMsg {width:100%; height:100%; font-size:13px; color:#222; line-height:22px; letter-spacing:-0.5px; display:flex; justify-content:center; align-items:center;}
.comAlert .bottom {cursor:default !important; display:flex; width:100%; height:auto; background-color:#fff; margin:5px 0 5px 0; padding:0 5px 0 5px; border-radius:0 0 0 0; box-sizing:border-box;}
.comAlert .bottom.left {display:flex; align-items:center; justify-content:flex-start;}
.comAlert .bottom.center {display:flex; align-items:center; justify-content:center;}
.comAlert .bottom.right {display:flex; align-items:center; justify-content:flex-end;}
.comAlert .bottom .cancel-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; cursor:pointer;}
.comAlert .bottom .cancel-btn:hover {border:1px solid #00319d; background-color:#fff; color:#00319d;}
.comAlert .bottom .confirm-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; cursor:pointer;}
.comAlert .bottom .confirm-btn:hover {border:1px solid #003076; background-color:#003076; color:#fff;}
.comAlert .bottom .return-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#d0e2ff; color:#0050b8; cursor:pointer;}
.comAlert .bottom .return-btn:hover {border:1px solid #00319d; background-color:#d0e2ff; color:#00319d;}

/*Confirm창 공통팝업*/
.comConfirm .article {cursor:default !important; background:#fff; height:auto; padding:38px 10px 38px 10px; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;}
.comConfirm .article .showMsg {width:100%; height:100%; font-size:13px; color:#222; line-height:22px; letter-spacing:-0.5px; display:flex; justify-content:center; align-items:center;}
.comConfirm .bottom {cursor:default !important; display:flex; width:100%; height:auto; background-color:#fff; margin:5px 0 5px 0; padding:0 5px 0 5px; border-radius:0 0 0 0; box-sizing:border-box;} 
.comConfirm .bottom.left {display:flex; align-items:center; justify-content:flex-start;}
.comConfirm .bottom.center {display:flex; align-items:center; justify-content:center;}
.comConfirm .bottom.right {display:flex; align-items:center; justify-content:flex-end;}
.comConfirm .bottom .cancel-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; cursor:pointer;}
.comConfirm .bottom .cancel-btn:hover {border:1px solid #00319d; background-color:#fff; color:#00319d;}
.comConfirm .bottom .confirm-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; cursor:pointer;}
.comConfirm .bottom .confirm-btn:hover {border:1px solid #003076; background-color:#003076; color:#fff;}
.comConfirm .bottom .return-btn {font-weight:normal; height:29px; border-radius:3px; font-size:13px; padding:5px 10px 5px 10px; border:1px solid #64a0ff; background-color:#d0e2ff; color:#0050b8; cursor:pointer;}
.comConfirm .bottom .return-btn:hover {border:1px solid #00319d; background-color:#d0e2ff; color:#00319d;}

/*양쪽 구분-1*/
.grid-wrapper {width:100%; height:auto; box-sizing:border-box;} 
.grid-wrap {width:100%; height:auto; display:flex; justify-content:space-between; column-gap:10px; box-sizing:border-box;}
.grid-wrap .left-grid {width:22%; box-sizing:border-box;}
.grid-wrap .right-grid {width:78%; box-sizing:border-box;}
.grid-wrap .left-grid-01 {width:18%; box-sizing:border-box;}
.grid-wrap .right-grid-01 {width:82%; box-sizing:border-box;}
.grid-wrap .three-column {flex:1; box-sizing:border-box;}

/*양쪽 구분-2*/
.both-wrapper {display:flex; flex-direction:row; justify-content:space-between; column-gap:10px; box-sizing:border-box;}
.both-wrapper.wrap {flex-wrap: wrap;}
.both-wrapper .left {display:flex; justify-content:flex-start;}
.both-wrapper .center {display:flex; justify-content:center;}
.both-wrapper .right {display:flex; justify-content:flex-end;}

.both-wrapper .w10 {width:10%; box-sizing:border-box;}
.both-wrapper .w12 {width:12%; box-sizing:border-box;}
.both-wrapper .w15 {width:15%; box-sizing:border-box;}
.both-wrapper .w20 {width:20%; box-sizing:border-box;}
.both-wrapper .w25 {width:25%; box-sizing:border-box;}
.both-wrapper .w28 {width:28%; box-sizing:border-box;}
.both-wrapper .w30 {width:30%; box-sizing:border-box;}
.both-wrapper .w32 {width:32.5%; box-sizing:border-box;}
.both-wrapper .w33 {width:33.333%; box-sizing:border-box;}
.both-wrapper .w35 {width:35%; box-sizing:border-box;}
.both-wrapper .w36 {width:36%; box-sizing:border-box;}
.both-wrapper .w40 {width:40%; box-sizing:border-box;}
.both-wrapper .w45 {width:45%; box-sizing:border-box;}
.both-wrapper .w50 {width:50%; box-sizing:border-box;}
.both-wrapper .w55 {width:55%; box-sizing:border-box;}
.both-wrapper .w60 {width:60%; box-sizing:border-box;}
.both-wrapper .w65 {width:65%; box-sizing:border-box;}
.both-wrapper .w70 {width:70%; box-sizing:border-box;}
.both-wrapper .w75 {width:75%; box-sizing:border-box;}
.both-wrapper .w80 {width:80%; box-sizing:border-box;}
.both-wrapper .w85 {width:85%; box-sizing:border-box;}
.both-wrapper .w90 {width:90%; box-sizing:border-box;}
.both-wrapper .w100 {width:100%; box-sizing:border-box;}

.grid-align {width:100%; display:flex; justify-content:space-between; box-sizing:border-box;}
.grid-align .left {width:100%; display:flex; justify-content:flex-start;}
.grid-align .center {width:100%; display:flex; justify-content:center;}
.grid-align .right {display:flex; justify-content:flex-end;}

.btn-align-wrapper {width:100% !important; height:auto !important; display:flex !important; justify-content:space-between !important; box-sizing:border-box !important;}

/*버튼모음*/
.standard-btn {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; border-radius:3px; cursor:pointer; white-space:nowrap;}
.standard-btn:hover {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; border-radius:3px;}

.normal-btn {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; border-radius:3px; cursor:pointer; white-space:nowrap;}
.normal-btn:hover {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; border-radius:3px;}

/*액센트(강조)버튼*/
.accent-btn {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; border-radius:3px; cursor:pointer; white-space:nowrap;}
.accent-btn:hover {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #002d6d; background-color:#002d6d; color:#fff; border-radius:3px;}

.sr-btn {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #85a7dd; background-color:#e2e6f9; color:#275590; border-radius:3px; cursor:pointer; white-space:nowrap;}
.sr-btn:hover {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #85a7dd; background-color:#85a7dd; color:#fff; border-radius:3px;}

.midi-btn {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #64a0ff; background-color:#d0e2ff; color:#0050b8; border-radius:3px; cursor:pointer; white-space:nowrap;}
.midi-btn:hover {width:auto; height:26px; font-size:12px; padding:0px 10px 0px 10px; border:1px solid #00319d; background-color:#d0e2ff; color:#00319d; border-radius:3px;}

/*검색버튼*/
.search-btn {width:auto; height:26px; background:url('../../assets/img/searchs-hover-icons.png') no-repeat 10px 5px/20%; border-radius:3px; font-size:12px; padding:0px 10px 0px 30px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; cursor:pointer; white-space:nowrap;}
.search-btn:hover {width:auto; height:26px; background:url('../../assets/img/searchs-hover-icons.png') no-repeat 10px 5px/20%; border:1px solid #00275e; background-color:#00275e; color:#fff;}

/*정사각형 버튼*/
.square-btn {width:26px; height:26px; font-size:12px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; border-radius:3px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis;}
.square-btn:hover {width:26px; height:26px; font-size:12px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; border-radius:3px;}
.square-btn.pd {padding-left:5px; padding-top:1px;}

/*위아래 방향 버튼*/
.down-direction-btn {width:26px; height:26px; background:url('../../assets/img/down-btn.png') no-repeat 7px 5px; border-radius:3px; font-size:12px; padding:0px 3px 0px 3px; border:1px solid #64a0ff; background-color:#d0e2ff; color:#0050b8; cursor:pointer;}
.down-direction-btn:hover {background:url('../../assets/img/down-btn-hover.png') no-repeat 7px 5px; border:1px solid #00319d; background-color:#d0e2ff; color:#00319d;}
.down-direction-btn.disabled-btn {background-image:url('../../assets/img/down-btn-disabled.png'); background-repeat:no-repeat; background-position:7px 5px;}
.up-direction-btn {width:26px; height:26px; background:url('../../assets/img/up-btn.png') no-repeat 7px 4px; border-radius:3px; font-size:12px; padding:0px 3px 0px 3px; border:1px solid #64a0ff; background-color:#d0e2ff; color:#0050b8; cursor:pointer;}
.up-direction-btn:hover {background:url('../../assets/img/up-btn-hover.png') no-repeat 7px 4px; border:1px solid #00319d; background-color:#d0e2ff; color:#00319d;}
.up-direction-btn.disabled-btn {background-image:url('../../assets/img/up-btn-disabled.png'); background-repeat:no-repeat; background-position:7px 4px;}

/*table th에 쓸 파일첨부,삭제 버튼*/
.th-btn {display:inline-block; box-sizing:border-box;}
.th-btn .plus-btn {width:23px; height:23px; display:inline-block; border:1px solid #64a0ff; background-color:#fff; border-radius:3px; cursor:pointer;}
.th-btn .plus-btn:hover {border:1px solid #0050b8; background-color:#d0e2ff;}
.th-btn .plus-btn::after {content:"\002b"; display:inline-block; font-size:13px; color:#0050b8; font-weight:normal;}
.th-btn .minus-btn {width:23px; height:23px; display:inline-block; border:1px solid #64a0ff; background-color:#fff; border-radius:3px; cursor:pointer;}
.th-btn .minus-btn:hover {border:1px solid #0050b8; background-color:#d0e2ff;}
.th-btn .minus-btn::after {content:"\002d"; display:inline-block; font-size:17px; color:#0050b8; font-weight:normal;}
.th-btn .down-btn {width:23px; height:23px; background:url('../../assets/img/download-icon.png') no-repeat 5px 5px/59%; display:inline-block; border:1px solid #64a0ff; background-color:#fff; border-radius:3px; cursor:pointer;}
.th-btn .down-btn:hover {border:1px solid #0050b8; background-color:#d0e2ff;}

/*table td 내에 쓸 버튼*/
.td-btn {width:auto; height:auto; font-size:12px; padding:4px 6px 4px 6px; border:1px solid #85a7dd; background-color:#e2e6f9; color:#275590; border-radius:3px; cursor:pointer; white-space:nowrap;}
.td-btn:hover {border:1px solid #85a7dd; background-color:#85a7dd; color:#fff;}
.td-btn-min{width: auto; height: 20px; font-size: 12px; padding: 0px 4px 0px 4px; border: 1px solid #0050b8; background-color: #0050b8; color: #fff; border-radius: 3px; border: 1px solid #85a7dd; background-color: #e2e6f9; color: #275590; white-space:nowrap;}
.td-btn-min:hover {border:1px solid #85a7dd; background-color:#85a7dd; color:#fff;}
/*real grid 내에 쓸 버튼*/
.s-btn {width:auto; height:20px; font-size:12px; padding:0px 4px 0px 4px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; border-radius:3px; cursor:pointer; white-space:nowrap;}
.s-btn:hover {width:auto; height:20px; font-size:12px; padding:0px 4px 0px 4px; border:1px solid #0050b8; background-color:#0050b8; color:#fff; border-radius:3px;}
.s-btn-icon {width:auto; height:20px; font-size:12px; padding:0px 4px 0px 4px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; border-radius:3px; cursor:pointer;}

.close-btn:after {margin-left:3px; margin-top:-1px; vertical-align:bottom; height:20px; line-height:20px; content:"\00d7"; display:inline-block; font-size:22px; color:#909fb7; font-weight:normal; cursor:pointer;}
.attach-btn-align {display:flex; justify-content:center;}

.grid-search-icon {width:16px; height:16px; margin-top:1px; background:url('../../assets/img/search-icons.png') no-repeat 0 0; cursor:pointer;}
.grid-search-icon:hover {background:url('../../assets/img/search-icons-hover.png') no-repeat 0 0;}

.grid-attach-icon {width:16px; height:16px; margin-top:1px; background:url('../../assets/img/attach-icons.png') no-repeat 0 0; cursor:pointer;}
.grid-attach-icon:hover {background:url('../../assets/img/attach-icons-hover.png') no-repeat 0 0;}

.delete-icon {width:16px; height:16px; display:inline-block; cursor:pointer; background:url("../../assets/img/delete-icons.png") no-repeat 0 0/90%; margin:5px 2px 0 2px;}
.delete-icons {width:16px; height:16px; margin-top:1px; background:url('../../assets/img/delete-icons.png') no-repeat 0 0; cursor:pointer;}
.delete-icons:hover {background:url('../../assets/img/delete-icons-hover.png') no-repeat 0 0;}

.download-icons {width:16px; height:16px; margin-top:1px; background:url('../../assets/img/download-icon.png') no-repeat 0 0; cursor:pointer;}
.download-icons:hover {background:url('../../assets/img/download-icon-hover.png') no-repeat 0 0;}

.normal-icon {font-size:10px; vertical-align:0;}
.normal-ico {width:26px; height:26px; font-size:12px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; border-radius:3px; cursor:pointer;}
.normal-ico:hover {border:1px solid #0050b8; background-color:#0050b8; color:#fff;}

.normal-ico2 {width:26px; height:26px; font-size:12px; border:1px solid #64a0ff; background-color:#fff; color:#0050b8; border-radius:3px; cursor:pointer;}
.normal-ico2:hover {border:1px solid #0050b8; background-color:#0050b8; color:#fff;}

.camera-icon {width:16px; height:16px; display:inline-block; cursor:pointer; background:url("../../assets/img/camera-icons.png") no-repeat 0 0/90%; margin:5px 2px 0 2px;}
.camera-icons {width:16px; height:16px; margin-top:1px; background:url('../../assets/img/camera-icons.png') no-repeat 0 0; cursor:pointer;}
.camera-icons:hover {background:url('../../assets/img/camera-icons-hover.png') no-repeat 0 0;}
/* 비활성 버튼 */
.disabled-btn {background-color:#ccc !important; color:#999 !important; border:1px solid #ccc !important; cursor:default !important;}

/*SiteMap*/
.layerpopup {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:100000; box-sizing:border-box;}
.layerpopup .popcont {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); box-sizing:border-box; box-shadow: 5px 6px 10px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 5px 6px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 5px 6px 10px 0px rgba(0,0,0,0.4);}
.layerpopup .popcont .titles {position:relative; width:100%; height:36px; display:inline-block; background-color:#003876; text-align:center; box-sizing:border-box;}
.layerpopup .popcont .titles h2 {margin-top:3px; color:#fff; font-size:18px; display:inline-block; cursor:default; box-sizing:border-box;}
.layerpopup .popcont .titles .closeBtns::after {position:absolute; right:10px; top:-16px; content:'\00d7'; color:#fff; font-size:42px; display:inline-block; cursor:pointer; box-sizing:border-box;}
.layerpopup .popcont .contents {overflow-y:auto; overflow-x:hidden; width:100%; height:calc(100% - 36px); padding:10px 3px 10px 10px; background-color:#fff; box-sizing:border-box;}
.layerpopup .popcont .contents .sitemap-wrap {width:100%; height:auto; margin-bottom:10px; display:flex; justify-content:flex-start; gap:10px; box-sizing:border-box;}
.layerpopup .popcont .contents .sitemap-wrap .menu {width:19%; min-width:286px; box-sizing:border-box;}
.layerpopup .popcont .contents .sitemap-wrap .menu .depth1 {font-weight:bold; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;cursor:default; text-align:center; padding-top:5px; width:100%; height:28px; background-color:#003876; color:#fff; font-size:13px; box-sizing:border-box;}
.layerpopup .popcont .contents .sitemap-wrap .menu .depth2 {font-weight:bold; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;cursor:default; text-align:center; padding-top:4px; width:100%; height:24px; background-color:#dbdbe6; color:#39393c; font-size:12px; box-sizing:border-box;}
.layerpopup .popcont .contents .sitemap-wrap .menu .depth3 {font-weight:normal; height:auto; color:#000; font-size:12px; border:1px solid #dbdbe6; padding:5px 0px 5px 0px; box-sizing:border-box;}
.layerpopup .popcont .contents .sitemap-wrap .menu .depth3 ul {width:100%; margin-left:-10px; box-sizing:border-box; display:inline-block;}
.layerpopup .popcont .contents .sitemap-wrap .menu .depth3 ul li {width:100%; display:inline-block; line-height:22px; box-sizing:border-box;}
.layerpopup .popcont .contents .sitemap-wrap .menu .depth3 ul li .star {visibility:hidden; line-height:21px; cursor:pointer; display:inline-block;}
.layerpopup .popcont .contents .sitemap-wrap .menu .depth3 ul li .star::before {content: "\2605"; visibility:visible; color:#d2d7df; font-size:17px; line-height:0; font-weight:bold; display:inline-block; vertical-align:3px;}
.layerpopup .popcont .contents .sitemap-wrap .menu .depth3 ul li .star:checked::before {content: "\2605"; color:#0a78ff; font-size:17px; font-weight:bold; display:inline-block;}

/* Component */
.select-wrap {width:100%; height:26px; display:inline-block; background-color:#fff; border:1px solid #909fb7; border-radius:4px; font-size:12px; padding-left:0px; box-sizing:border-box;}
.select-wrap.w100 {width:100px !important;}
.select-wrap.w110 {width:110px !important;}
.select-wrap.w120 {width:120px !important;}
.select-wrap.w130 {width:130px !important;}
.select-wrap.w140 {width:140px !important;}
.select-wrap.w150 {width:150px !important;}
.select-wrap.w180 {width:180px !important;}
.select-wrap.w220 {width:220px !important;}
.select-wrap.disabled {background-color:#f0f2f4; border:1px solid #e0e5eb; color:#9fa1a3 !important;}
.select-wrap.disabled span {color:#9fa1a3 !important;}
.select-wrap.disabled .k-svg-icon.k-svg-i-caret-alt-down.k-button-icon {color:#c8cdd4 !important;}
.select-wrap.read-only {background-color:#e4e4ec !important;}
.select-wrap.read-only span {background-color:#e4e4ec !important;}
/*.select-wrap.pass {background-color:#cceccd !important; border:1px solid #089826 !important; color:#06771e !important; font-weight:bold !important; cursor:default !important;}*/
/*.select-wrap.fail {background-color:#f8dede !important; border:1px solid #e21414 !important; color:#c61010 !important; font-weight:bold !important; cursor:default !important;}*/
.select-wrap .fail {color:#c61010 !important;}
.select-wrap .select-box option {width:100%; font-size:13px; background:#fff;}
.select-wrap .k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {width:20px !important; border-left:none !important; background-color:transparent !important; color:#909fb7 !important; box-sizing:border-box !important;}
.select-wrap .k-clear-value {display:none !important; padding:0 !important;}
.select-wrap.disabled .input-txt {width:90%; font-size:12px !important; padding-top:6px !important; padding-left:5px !important;}

.multi-select-wrap {width:100%; height:26px; background-color:#fff; border:1px solid #909fb7; border-radius:4px; font-size:12px; display:inline-block; box-sizing:border-box;}
.multi-select-wrap.read-only {background-color:#e4e4ec !important;}
.multi-select-wrap.read-only span {background-color:#e4e4ec !important;}
.multi-select-wrap.disabled {background-color:#f0f2f4; border:1px solid #e0e5eb; color:#9fa1a3 !important;}
.multi-select-wrap.disabled span {color:#9fa1a3 !important;}
.multi-select-wrap.disabled .k-svg-icon.k-svg-i-caret-alt-down.k-button-icon {color:#c8cdd4 !important;}
.multi-select-wrap .k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {width:20px !important; border-left:none !important; background-color:transparent !important; color:#909fb7 !important; box-sizing:border-box !important;}

.all-input-wrapper {display:flex; justify-content:space-between; column-gap:5px; box-sizing:border-box;}
.all-input-wrapper.align-left {justify-content:flex-start !important;}
.all-input-wrapper .text {margin-top:5px; margin-left:0px; margin-right:3px; font-size:12px !important; color:#222 !important; display:inline-block !important; font-weight:normal !important;}
.all-input-wrapper .tilde {display:none !important; width:0 !important; height:0 !important; visibility:hidden !important;}
/*.all-input-wrapper .tilde::before {content:'\007e'; color:#7b889d; font-weight:bold; font-size:13px; width:auto; margin:0 0px 0 0px; vertical-align:-3px; box-sizing:border-box;}*/
.all-input-wrapper .period {display:none !important; width:0 !important; height:0 !important; visibility:hidden !important;}
/*.all-input-wrapper .period::before {content:'\2013'; color:#7b889d; font-weight:bold; font-size:13px; width:auto; margin:0 0px 0 0px; vertical-align:-3px; box-sizing:border-box;}*/
.all-input-wrapper .term {margin-top:3px;}
.all-input-wrapper .units {margin-top:3px; margin-left:0px; margin-right:3px; font-size:13px !important; color:#222 !important; display:inline-block !important; font-weight:normal !important;}
.all-input-wrapper .min {min-width:100px !important;}
.all-input-wrapper .w5 {width:5%;}
.all-input-wrapper .w10 {width:10%;}
.all-input-wrapper .w15 {width:15%;}
.all-input-wrapper .w20 {width:20%;}
.all-input-wrapper .w25 {width:25%;}
.all-input-wrapper .w30 {width:30%;}
.all-input-wrapper .w35 {width:35%;}
.all-input-wrapper .w40 {width:40%;}
.all-input-wrapper .w45 {width:45%;}
.all-input-wrapper .w50 {width:50%;}
.all-input-wrapper .w55 {width:55%;}
.all-input-wrapper .w60 {width:60%;}
.all-input-wrapper .w65 {width:65%;}
.all-input-wrapper .w70 {width:70%;}
.all-input-wrapper .w75 {width:75%;}
.all-input-wrapper .w80 {width:80%;}
.all-input-wrapper .w85 {width:85%;}
.all-input-wrapper .w90 {width:90%;}
.all-input-wrapper .w95 {width:95%;}
.all-input-wrapper .last-name {color:#000; font-size:13px; margin-top:5px;}

.input-wrap {width:100%; display:inline-block; box-sizing:border-box;}
.input-wrap.autocomplete {height:26px; border:1px solid #909fb7; border-radius:4px;}
.input-wrap.autocomplete .input-txt {border:none; padding:0; margin:0; background-color:transparent;}
.input-wrap.w50 {width:50% !important;}
.input-wrap.w100 {width:100px !important;}
.input-wrap.w120 {width:120px !important;}
.input-wrap.w150 {width:150px !important;}
.input-wrap.w220 {width:220px !important;}
.input-text {width:100%; height:26px; background-color:#fff; border:1px solid #909fb7; border-radius:4px; font-size:12px; padding-left:4px; box-sizing:border-box;}
.input-wrap .input-txt {width:100%; height:26px; color:#000; background-color:#fff; border:1px solid #909fb7; border-radius:4px; font-size:12px; padding-left:4px; box-sizing:border-box;}
.input-wrap .input-txt.disabled {background-color:#f0f2f4; border:1px solid #e0e5eb; color:#000 !important;}
.input-wrap .input-txt.disabled::placeholder {color:#9fa1a3 !important;}
.input-wrap .input-txt.read-only {background-color:#e4e4ec !important; cursor:default !important;}
.input-wrap .input-txt.fail {background-color:#f8dede !important; border:1px solid #e21414 !important; color:#c61010 !important; font-weight:bold !important; cursor:default !important;}
.input-wrap .input-txt.pass {background-color:#cceccd !important; border:1px solid #089826 !important; color:#06771e !important; font-weight:bold !important; cursor:default !important;}

.align-center-table td,
.align-center-table .input-wrap .input-txt,
.align-center-table .text-area,
.align-center-table p,
.align-center-table li{text-align: center;}
.align-center .input-wrap .input-txt{text-align: left;}
.align-center .input-wrap .input-txt.read-only{text-align: center;}
.align-center-table td.align-left .input-wrap .input-txt{text-align: left;}

.input-popup-wrap {display:flex; justify-content: flex-start; width:100%; height:26px; background-color:#fff; border:1px solid #909fb7; border-radius:4px; box-sizing:border-box;}
.input-popup-wrap.w50 {width:50% !important;}
.input-popup-wrap.read-only {background-color:#e4e4ec !important; color:#000 !important; }
.input-popup-wrap.read-only button{cursor:default;}
.input-popup-wrap.disabled {background-color:#f0f2f4; border:1px solid #e0e5eb;}
.input-popup-wrap .input-popup {width:93%; color:#000; font-size:12px; padding-left:4px; border-radius:4px 0 0 4px; box-sizing:border-box;}
.input-popup-wrap .input-popup.read-only {background-color:#e4e4ec !important; color:#000 !important; cursor:default;}
.input-popup-wrap .input-popup[readonly]{cursor:default;}
.input-popup-wrap .input-popup.disabled {background-color:#f0f2f4; color:#9fa1a3 !important;}
.input-popup-wrap .person-icon {width:16px; height:16px; display:inline-block; cursor:pointer; background:url("../../assets/img/search-icons.png") no-repeat 0 0/90%; margin:5px 2px 0 2px;}
.input-popup-wrap .person-icon.disabled {background:url("../../assets/img/search-icons-dim.png") no-repeat 0 0/90%;}
.input-popup-wrap textarea {padding-top:4px !important;}

/* input 스타일제거 */
.input-wrap .input-txt.input-style-del,
.select-wrap.input-style-del{border:1px solid transparent; background-color: transparent !important;}
.select-wrap.input-style-del.read-only span{background-color: transparent !important;}
.select-wrap.input-style-del .k-svg-icon.k-svg-i-caret-alt-down.k-button-icon{display: none !important;}
.select-wrap.input-style-del input{background-color: transparent !important;}

/*input 크기 자동제어*/
.auto-resize-input {padding: 0 !important; font-size: 16px; box-sizing: content-box; border: none; min-width: 5px; white-space: nowrap; overflow: hidden;}
.hidden-span { visibility: hidden; white-space: pre; position: absolute; left: -9999px; font-size: 16px; font-family: inherit; padding: 0; box-sizing: content-box; border: none;}
.multiline-editor{ white-space: pre;}

.input-wrap-min .input-txt{height: 19px !important;}

.checkbox-wrap {width:auto; display:inline-block; box-sizing:border-box;}
.checkbox-wrap.block {display:block !important;}
.checkbox-wrap p {line-height:20px;}
.checkbox-wrap .check-box {vertical-align:-4px; margin-right:2px;}
.checkbox-wrap.align {margin-top:2px; margin-left:5px; vertical-align:top;}
.checkbox-wrap .label {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.checkbox-btn{border:1px solid #64a0ff; border-radius: 3px; color:#0050b8; padding: 0 9px; height: 26px;  vertical-align: middle;}
.checkbox-btn p{display: inline-block; line-height: 24px;}

.w100.checkbox-wrap{position: relative;display:block;line-height: 27px; display: flex; align-items: center;}
.w100.checkbox-wrap .label{}
/*.w100.checkbox-wrap .label.w100{width: auto;}*/
.w100.checkbox-wrap .label.w100 span{display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}


.attach-list .check-box {vertical-align:-2px; margin-right:2px;}
.attach-list .label {vertical-align:top; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.attach-list .close {font-weight:bold !important; margin-left:5px; display:inline-block; color:#909fb7; cursor:pointer; vertical-align:top;}
.attach-list .close:hover {color:#000;}

.all-radio {display:flex; justify-content:flex-start; box-sizing:border-box;}
.all-radio .sort-title {font-weight:bold; margin-right:10px;}
.div-line {margin-top:-1px; display:inline-block; padding:0 3px 0 3px; color:#999; box-sizing:border-box;}

.radio-wrap {width:auto; box-sizing:border-box;}
.radio-wrap.inline {display:inline-flex !important; margin-top:4px;}
.radio-wrap.vertical {flex-direction:column !important;}
.radio-wrap.inline .title {color:#222; font-size:13px; margin-right:10px;}
.radio-wrap.inline .radio-btn {margin-top:-7px;}
.radio-wrap.inline .label {margin-left:3px; font-size:13px; vertical-align:top; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.radio-wrap.disabled {color:#b3b3b3 !important;}
.radio-wrap .radio-btn {vertical-align:-2px; margin-right:0;}
.radio-wrap .label {vertical-align:top; display:inline-block; white-space:nowrap; text-overflow:ellipsis;}/*overflow:hidden;*/

/*설명*/
.comment {text-align:right; width:100%; color:#000; font-size:13px; letter-spacing:-0.5px; display:inline-block; box-sizing:border-box;}
.comment::before {content:"\203B"; display:inline-block; font-size:13px; margin-right:5px;}
.comment-left {text-align:left; width:100%; color:#000; font-size:13px; letter-spacing:-0.5px; display:inline-block; box-sizing:border-box;}
.comment-left::before {content:"\203B"; display:inline-block; font-size:13px; margin-right:5px;}
.comment-right {text-align:right; width:100%; color:#000; font-size:13px; letter-spacing:-0.5px; display:inline-block; box-sizing:border-box;}
.explains {display:inline-block; vertical-align:top; margin-top:1px;}
.directions {margin-top:2px; margin-left:20px; color:#222; font-size:13px; letter-spacing:-0.5px; display:inline-block; box-sizing:border-box;}
.directions01 {margin-top:2px; color:#222; font-size:13px; letter-spacing:-0.5px; display:inline-block; box-sizing:border-box;}
.directions01::before {content:"\203B"; display:inline-block; font-size:13px; margin-right:5px;}
.explanation {padding:5px; color:#333333; font-size:12px; letter-spacing:-0.5px; line-height:21px; display:inline-block; box-sizing:border-box;}

/* Jquery Tab UI */
.tab-wrapper {width:100%; border-top:1px solid #d4dae2; white-space:nowrap; box-sizing:border-box;}
.tab-wrapper .tabs {height:32px; line-height:30px; background-color:#f1f2fa; border:1px solid #d4dae2; border-top:none; box-sizing:border-box;}
.tab-wrapper .tabs li {padding:0 14px 0 14px; color:#333333 !important; font-weight:bold; font-size:12px; margin-right:-4px; border-left:1px solid #d4dae2; display:inline-block; cursor:pointer; box-sizing:border-box;}
.tab-wrapper .tabs li:first-child {border-left:none;}
.tab-wrapper .tabs li:last-child {border-right:1px solid #d4dae2;}
.tab-wrapper .tabs li.active {font-size:13px; font-weight:bold; color:#fff !important; background-color:#0050b8; border:1px solid #0050b8; box-sizing:border-box;}
.tab-wrapper .tabs li.p60 {padding:0 60px 0 60px !important;}
.tab-wrapper .tab_container {width:100%; height:auto; background:#fff; box-sizing:border-box;}
.tab-wrapper .tab_container .tab_content {display:none; box-sizing:border-box;}
/* Jquery Tab UI 내부탭*/
.tab-wrapper-b {width:100%; border-top:1px solid #d4dae2; white-space:nowrap; box-sizing:border-box;}
.tab-wrapper-b .tabs-b {height:32px; line-height:30px; background-color:#f1f2fa; border:1px solid #d4dae2; border-top:none; box-sizing:border-box;}
.tab-wrapper-b .tabs-b li {padding:0 14px 0 14px; color:#333333 !important; font-weight:bold; font-size:12px; margin-right:-4px; border-left:1px solid #d4dae2; display:inline-block; cursor:pointer; box-sizing:border-box;}
.tab-wrapper-b .tabs-b li:first-child {border-left:none;}
.tab-wrapper-b .tabs-b li:last-child {border-right:1px solid #d4dae2;}
.tab-wrapper-b .tabs-b li.active {font-size:13px; font-weight:bold; color:#fff !important; background-color:#0050b8; border:1px solid #0050b8; box-sizing:border-box;}
.tab-wrapper-b .tabs-b li.p60 {padding:0 60px 0 60px !important;}
.tab-wrapper-b .tab_container_b {width:100%; height:auto; background:#fff; box-sizing:border-box;}
.tab-wrapper-b .tab_container_b .tab_content_b {display:none; box-sizing:border-box;}

.tab-wrapper-c {width:100%; border-top:1px solid #d4dae2; white-space:nowrap; box-sizing:border-box;}
.tab-wrapper-c .tabs-c {height:32px; line-height:30px; background-color:#f1f2fa; border:1px solid #d4dae2; border-top:none; box-sizing:border-box;}
.tab-wrapper-c .tabs-c li {padding:0 14px 0 14px; color:#333333 !important; font-weight:bold; font-size:12px; margin-right:-4px; border-left:1px solid #d4dae2; display:inline-block; cursor:pointer; box-sizing:border-box;}
.tab-wrapper-c .tabs-c li:first-child {border-left:none;}
.tab-wrapper-c .tabs-c li:last-child {border-right:1px solid #d4dae2;}
.tab-wrapper-c .tabs-c li.active {font-size:13px; font-weight:bold; color:#fff !important; background-color:#0050b8; border:1px solid #0050b8; box-sizing:border-box;}
.tab-wrapper-c .tabs-c li.p60 {padding:0 60px 0 60px !important;}
.tab-wrapper-c .tab_container_c {width:100%; height:auto; background:#fff; box-sizing:border-box;}
.tab-wrapper-c .tab_container_c .tab_content_c {display:none; box-sizing:border-box;}

/*첨부파일 리스트*/
.attach-list {width:100%; height:100px; border:1px solid #dde2e9; padding:0 0px 0 0px; overflow-y:auto; overflow-x:hidden; display:block; box-sizing:border-box;}
.attach-list li {width:100%; line-height:22px; color:#444; font-size:12px; cursor:pointer;}
.attach-list li:hover {color:#0050b8; text-decoration:underline;}

/*등록*/
.register {width:100%; background-color:#f0f2f4; border:1px solid #909fb7; box-sizing:border-box;}
.register .search-tb{width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.register .search-tb th{width:7%; min-width:80px; height:auto; border-bottom:1px solid #c7cfdb; background-color:#dde2e9; color:#2a2c2f; font-size:13px; font-weight:400; text-align:right; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
.register .search-tb th.white-bg {background-color:#f0f2f4; border-left:0 !important; border-right:0 !important;}
.register .search-tb th.h179 {height:179px;}
.register .search-tb th .star {color:#ed164c; margin-right:3px; vertical-align:-1px;}
.register .search-tb tr:last-child th {border-bottom:0;}
.register .search-tb td {border-bottom:1px solid #c7cfdb; border-left:1px solid #c7cfdb; background-color:#fff; width:13%; min-width:120px; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.register .search-tb tr:last-child td {border-bottom:0;}

/*등록-1*/
.register-1 {width:100%; background-color:#f0f2f4; border:1px solid #909fb7; box-sizing:border-box;}
.register-1 .search-tb {width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.register-1 .search-tb th {width:7%; min-width:80px; height:auto; border-bottom:1px solid #c7cfdb; background-color:#dde2e9; color:#2a2c2f; font-size:13px; font-weight:400; text-align:right; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
.register-1 .search-tb th.white-bg {background-color:#f0f2f4; border-left:0 !important; border-right:0 !important;}
.register-1 .search-tb th.h179 {height:179px;}
.register-1 .search-tb th .star {color:#ed164c; margin-right:3px; vertical-align:-1px;}
.register-1 .search-tb tr:last-child th {border-bottom:0;}
.register-1 .search-tb td {border-bottom:1px solid #c7cfdb; border-left:1px solid #c7cfdb; background-color:#fff; width:13%; min-width:120px; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.register-1 .search-tb tr:last-child td {border-bottom:0;}

/*조회화면-1 (행 구분선 있는 타입)*/
.search-box-1 {width:100%; border-top:1px solid #dde2e9; border-bottom:1px solid #dde2e9; box-sizing:border-box;}
.search-box-1 .search-tb {width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.search-box-1 .search-tb th {width:7%; min-width:80px; height:35px; background-color:#f0f2f4; border-bottom:1px solid #dde2e9; border-right:1px solid #dde2e9; font-size:13px; font-weight:bold; text-align:right; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
.search-box-1 .search-tb th.white-bg {background-color:#fff; border-left:0 !important; border-right:0 !important;}
.search-box-1 .search-tb th .star {color:#ed164c; font-size:13px; margin-right:3px; vertical-align:-1px;}
.search-box-1 .search-tb tr:last-child th {border-bottom:0;}
.search-box-1 .search-tb td{width:13%; min-width:120px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background:#fff; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search-box-1 .search-tb td:last-child {border-right:none;}
.search-box-1 .search-tb td.br {border-right:1px solid #dde2e9;}
.search-box-1 .search-tb td.w20 {width:20%;}
.search-box-1 .search-tb td.h26 {height:26px;}
.search-box-1 .search-tb td.no-line {border-left:0 !important; border-right:0 !important;background-color:#f0f2f4;}
.search-box-1 .search-tb tr:last-child td {border-bottom:0;}
.search-box-1 .search-tb th:first-child, .search-box-1 .search-tb td:first-child {border-left:0;}
.search-box-1 .search-tb th:last-child, .search-box-1 .search-tb td:last-child {border-right:0;}
.search-box-1 .search-tb td:last-child .rg-grid td{border-right:1px solid #bcc0c8;}
.search-box-1 .search-tb .bt-none {border-top:none !important;}
.search-box-1 .search-tb .br-none {border-right:none !important;}
.search-box-1 .search-tb .bb-none {border-bottom:none !important;}
.search-box-1 .search-tb .bl-none {border-left:none !important;}
.search-box-1 .search-tb .bt-1 {border-top:1px solid #dde2e9 !important;}
.search-box-1 .search-tb .br-1 {border-right:1px solid #dde2e9 !important;}
.search-box-1 .search-tb .bb-1 {border-bottom:1px solid #dde2e9 !important;}
.search-box-1 .search-tb .bl-1 {border-left:1px solid #dde2e9 !important;}
.search-box-1 .search-tb .h100 {height:100px;}
.search-box-1 .search-tb .h200 {height:200px;}
.search-box-1 .search-tb .image-wrap {width:100%; gap:10px; display:flex; justify-content:space-between; box-sizing:border-box;}
.search-box-1 .search-tb .image-wrap .image-box {display:flex; flex-direction:column; gap:5px; justify-content:space-between; width:33%; height:200px;}
.search-box-1 .search-tb .image-wrap .image-box .image-drop {position:relative; width:100%; height:calc(100% - 26px); border:1px solid #dde2e9; box-sizing:border-box;}
/*.search-box-1 .search-tb .image-wrap .image-box .image-drop::before {position:absolute; left:50%; top:8%; transform: translate(-50%, -50%); content:'Image Drag & Drop'; font-size:12px; color:#909fb7; display:inline-block;}*/
.search-box-1 .search-tb .image-wrap .image-box .bottom {width:100%; height:26px; gap:10px; display:flex; justify-content:space-between; box-sizing:border-box;}
.search-box-1 .search-tb .image-wrap .image-box .image-drop img {display:block; width:auto; height:167px; box-sizing:border-box;}
.search-box-1 .search-tb.border-lr {border-left:1px solid #dde2e9; border-right:1px solid #dde2e9;}
.search-box-1 .total {background-color:#d5dbdf !important;}
.search-box-1 .pd40 {padding:4px 10px 4px 10px !important;}
.search-box-1 .search-tb td.attach-txt:before {display:block; content:'첨부파일을 등록해주세요'; text-align: center; margin-top:40px;}

table .image-wrap {width:100%; gap:10px; display:flex; justify-content:space-between; box-sizing:border-box;}
table .image-wrap .image-box {display:flex; flex-direction:column; gap:5px; justify-content:space-between; width:33%; height:200px;}
table .image-wrap .image-box .image-drop {position:relative; width:100%; height:calc(100% - 26px); border:1px solid #dde2e9; box-sizing:border-box;}
table .image-wrap .image-box .bottom {width:100%; height:26px; gap:10px; display:flex; justify-content:space-between; box-sizing:border-box;}
table .image-wrap .image-box .image-drop img {display:block; width:auto; height:167px; box-sizing:border-box;}

/*조회화면-2 (행 구분선 없는 타입)*/
.search-box-2 {width:100%; background-color:#f0f2f4; border-top:1px solid #dde2e9; border-bottom:1px solid #dde2e9; box-sizing:border-box;}
.search-box-2 .search-tb {width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.search-box-2 .search-tb th {width:7%; min-width:80px; height:auto; font-size:13px; font-weight:400; text-align:right; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
.search-box-2 .search-tb th.white-bg {background-color:#fff; border-left:0 !important; border-right:0 !important;}
.search-box-2 .search-tb th .star {color:#ed164c; margin-right:3px; vertical-align:-1px;}
.search-box-2 .search-tb td {width:13%; min-width:120px; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search-box-2 .search-tb .bb-none {border-bottom:none;}

/*Table 타입-1*/
.table-type-1{width:100%; background-color:#fff; border-top:1px solid #dde2e9; box-sizing:border-box;}
.table-type-1 .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-1 .table-tb thead th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9 !important; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-1 .table-tb thead th:last-child {border-right:none !important;}
.table-type-1 .table-tb tbody td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9 !important; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-type-1 .table-tb tbody td:last-child {border-right:none !important;}
.table-type-1 .table-tb tbody td .w1 {letter-spacing: 4px; font-weight:bold !important; font-size:22px !important;}
.table-type-1 .table-tb tbody td .w2 {letter-spacing: -0.5px; font-weight:bold !important; font-size:20px !important;}
.table-type-1 .table-tb .h180 {height:180px;}
.table-type-1 .table-tb tbody td.attach {color:#000; font-size:12px; cursor:pointer;}
.table-type-1 .table-tb tbody td.attach:hover {color:#0050b8;}
.table-type-1.border-b {border-bottom:1px solid #dde2e9;}
.table-type-1.bb-none {border-bottom:none !important;}

/*Table 타입-2*/
.table-type-2{width:100%; background-color:#fff; border-top:1px solid #dde2e9; box-sizing:border-box;}
.table-type-2 .table-tb tbody th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-2 .table-tb tbody td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-type-2 .table-tb tbody td:last-child {border-right:none !important;}

/*Table 타입-3*/
.table-type-3{width:100%; background-color:#fff; border-top:1px solid #dde2e9; box-sizing:border-box;}
.table-type-3.border-none {border:none !important;}
.table-type-3 .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-3 .table-tb thead th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-3 .table-tb thead th:last-child {border-right:none !important;}
.table-type-3 .table-tb thead td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}/*overflow:hidden;*/
.table-type-3 .table-tb tbody th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-3 .table-tb tbody th.border-none {border-top:none !important; border-bottom:none !important;}
.table-type-3 .table-tb tbody td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}/*overflow:hidden;*/
.table-type-3 .table-tb tbody th:last-child,
.table-type-3 .table-tb tbody td:last-child {border-right:none !important;}
.table-type-3 .table-tb tbody td.border-none {border-top:none !important; border-bottom:none !important;}
.table-type-3 .border {border:1px solid #dde2e9;}
.table-type-3 .border-lr {border-left:1px solid #dde2e9; border-right:1px solid #dde2e9;}
.table-type-3 .total {background-color:#d5dbdf !important;}
.table-type-3 .table-tb thead th.br-1,
.table-type-3 .table-tb tbody th.br-1,
.table-type-3 .table-tb tbody td.br-1 {border-right:1px solid #dde2e9 !important;}

.table-type-3 .table-tb-p10 tbody td{padding:10px;}
.table-type-3 .table-tb-p10 tbody td .s-titles-5:first-child{margin-top:0px !important;}
.table-type-3 .table-tb-p10 tbody td.td-pt5 p{margin-top:5px !important;}
.table-type-3 .table-tb-p10 tbody td.td-pt5 p:first-child{margin-top:0px !important;}
.table-type-3 .table-align-left tbody th,
.table-type-3 .table-align-left tbody td{text-align: left;}
/*Table 타입-4*/
.table-type-4{width:100%; background-color:#fff; border:1px solid #dde2e9; border-bottom:none !important; box-sizing:border-box;}
.table-type-4.wh {width:260px !important; height:22px !important;}
.table-type-4.border-none {border:none !important;}
.table-type-4 .bt-none {border-top:none !important;}
.table-type-4 .br-none {border-right:none !important;}
.table-type-4 .bb-none {border-bottom:none !important;}
.table-type-4 .bl-none {border-left:none !important;}
.table-type-4 .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-4 .table-tb thead th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-4 .table-tb thead th:last-child {border-right:none !important;}
.table-type-4 .table-tb thead td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}/*overflow:hidden;*/
.table-type-4 .table-tb tbody th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-4 .table-tb tbody th.border-none {border-top:none !important; border-bottom:none !important;}
.table-type-4 .table-tb tbody th.br-none {border-right:none !important;}
.table-type-4 .table-tb tbody th:last-child {border-right:none !important;}
.table-type-4 .table-tb tbody td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}/*overflow:hidden;*/
.table-type-4 .table-tb tbody td:last-child {border-right:none !important;}
.table-type-4 .table-tb tbody td.border-none {border-top:none !important; border-bottom:none !important;}
.table-type-4 .table-tb tbody td.br-none {border-right:none !important;}
.table-type-4 .border {border:1px solid #dde2e9;}
.table-type-4 .border-lr {border-left:1px solid #dde2e9; border-right:1px solid #dde2e9;}
.table-type-4 .total {background-color:#d5dbdf !important;}
.table-type-4 .table-tb tbody td .w1 {letter-spacing: 4px; font-weight:bold !important; font-size:22px !important;}
.table-type-4 .table-tb tbody td .w2 {letter-spacing: -0.5px; font-weight:bold !important; font-size:20px !important;}
.table-type-4 .table-tb td.ft {font-size:20px; font-weight:bold;}
.table-type-4 .table-tb td.ft-1 {font-size:15px; font-weight:bold;}
.table-type-4 .total {background-color:#d5dbdf !important;}

/*Table 타입-a*/
.table-type-a{width:100%; background-color:#fff; border-top:1px solid #dde2e9; margin-top:-2px; box-sizing:border-box;}
.table-type-a .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-a .table-tb thead th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-a .table-tb thead th:last-child {border-right:none !important;}
.table-type-a .table-tb tbody td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-type-a .table-tb tbody td:last-child {border-right:none !important;}

/*Table 타입-b*/
.table-type-b{width:100%; background-color:#fff; border-top:1px solid #dde2e9; margin-top:-2px; box-sizing:border-box;}
.table-type-b .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-b .table-tb th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px;}
.table-type-b .table-tb th:last-child {border-right:none !important;}
.table-type-b .table-tb td{color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; text-align:left;}
.table-type-b .table-tb td:last-child {border-right:none !important;}

/*Table 타입-c*/
.table-type-c{width:100%; background-color:#fff; border-top:1px solid #dde2e9; margin-top:-2px; box-sizing:border-box;}
.table-type-c .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-c .table-tb th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-c .table-tb th:last-child {border-right:none !important;}
.table-type-c .table-tb td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-type-c .table-tb td:last-child {border-right:none !important;}

/*Table 인풋선제거*/
.table-noneborder .input-wrap .input-txt,
.table-noneborder .select-wrap{border:1px solid transparent; background-color: transparent !important;}
.table-noneborder .select-wrap.read-only span{background-color: transparent !important;}
.table-noneborder .select-wrap .k-svg-icon.k-svg-i-caret-alt-down.k-button-icon{display: none !important;}

/*Table 타입 미니멈*/
.table-type-min{width:100%; background-color:#fff; border-top:1px solid #dde2e9; margin-top:-2px; box-sizing:border-box;}
.table-type-min .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-min .table-tb th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap;}
.table-type-min .table-tb th:last-child {border-right:none !important;}
.table-type-min .table-tb td{color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:2px 4px; text-align:left;}
.table-type-min .table-tb td:last-child {border-right:none !important;}
.minimum-layout table.search-tb tbody td,
.minimum-layout table.table-tb tbody td{padding:2px;}
.table-type-min .input-wrap .input-txt,
.minimum-layout .input-wrap .input-txt {height:19px !important;;}
.table-type-min .checkbox-wrap .check-box,
.minimum-layout .checkbox-wrap .check-box {vertical-align:-3px; margin-right: 1px; height: 11px;}
.table-type-min .checkbox-wrap .label,
.minimum-layout .checkbox-wrap .label {height: 18px;}
.table-type-min .input-popup-wrap,
.minimum-layout .input-popup-wrap{height: 20px !important;}
.table-type-min .datepicker-wrap,
.minimum-layout .datepicker-wrap{height: 20px !important;}
.table-type-min .k-input-solid,
.minimum-layout .k-input-solid{height: 20px !important;}
.table-type-min .select-wrap,
.minimum-layout .select-wrap,
.select-wrap.select-wrap-min { height:19px; }
.table-type-min .select-wrap .k-picker-solid,
.minimum-layout .select-wrap .k-picker-solid,
.select-wrap.select-wrap-min .k-picker-solid { height:19px !important; transform: translateY(-2px);}
.table-type-min .k-button-icon.k-svg-icon > svg, 
.minimum-layout .k-button-icon.k-svg-icon > svg, 
.table-type-min .k-button-icon.k-icon-md > svg,
.minimum-layout .k-button-icon.k-icon-md > svg{width:14px !important; height: 14px !important;}
.table-type-min .filebox .upload-name,
.minimum-layout .filebox .upload-name{height: 20px !important;}
.table-type-min .filebox label,
.minimum-layout .filebox label{height: 20px !important; padding:0 6px !important;}

/*Table 타입 미니멈*/
.table-type-min{width:100%; background-color:#fff; border-top:1px solid #dde2e9; margin-top:-2px; box-sizing:border-box;}
.table-type-min .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-min .table-tb th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap;}
.table-type-min .table-tb th:last-child {border-right:none !important;}
.table-type-min .table-tb td{color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:2px 4px; text-align:left;}
.table-type-min .table-tb td:last-child {border-right:none !important;}
.minimum-layout table.search-tb tbody td,
.minimum-layout table.table-tb tbody td{padding:2px;}
.table-type-min .input-wrap .input-txt,
.minimum-layout .input-wrap .input-txt {height:19px !important;;}
.table-type-min .checkbox-wrap .check-box,
.minimum-layout .checkbox-wrap .check-box {vertical-align:-3px; margin-right: 1px; height: 11px;}
.table-type-min .checkbox-wrap .label,
.minimum-layout .checkbox-wrap .label {height: 18px;}
.table-type-min .input-popup-wrap,
.minimum-layout .input-popup-wrap{height: 20px !important;}
.table-type-min .datepicker-wrap,
.minimum-layout .datepicker-wrap{height: 20px !important;}
.table-type-min .k-input-solid,
.minimum-layout .k-input-solid{height: 20px !important;}
.table-type-min .select-wrap,
.minimum-layout .select-wrap,
.select-wrap.select-wrap-min { height:19px; }
.table-type-min .select-wrap .k-picker-solid,
.minimum-layout .select-wrap .k-picker-solid,
.select-wrap.select-wrap-min .k-picker-solid { height:19px !important; transform: translateY(-2px);}
.table-type-min .k-button-icon.k-svg-icon > svg, 
.minimum-layout .k-button-icon.k-svg-icon > svg, 
.table-type-min .k-button-icon.k-icon-md > svg,
.minimum-layout .k-button-icon.k-icon-md > svg{width:14px !important; height: 14px !important;}
.table-type-min .filebox .upload-name,
.minimum-layout .filebox .upload-name{height: 20px !important;}
.table-type-min .filebox label,
.minimum-layout .filebox label{height: 20px !important; padding:0 6px !important;}

/*Table 타입 미디엄*/
.table-type-med{width:100%; background-color:#fff; border-top:1px solid #dde2e9; margin-top:-2px; box-sizing:border-box;}
.table-type-med .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-med .table-tb th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#f0f2f4; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap;}
.table-type-med .table-tb th:last-child {border-right:none !important;}
.table-type-med .table-tb td{color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:2px 4px; text-align:left;}
.table-type-med .table-tb td:last-child {border-right:none !important;}
.minimum-layout table.search-tb tbody td,
.minimum-layout table.table-tb tbody td{padding:2px;}
.table-type-med .input-wrap .input-txt,
.minimum-layout .input-wrap .input-txt {height:23px !important;;}
.table-type-med .checkbox-wrap .check-box,
.minimum-layout .checkbox-wrap .check-box {vertical-align:-3px; margin-right: 1px; height: 11px;}
.table-type-med .checkbox-wrap .label,
.minimum-layout .checkbox-wrap .label {height: 22px;}
.table-type-med .input-popup-wrap,
.minimum-layout .input-popup-wrap{height: 24px !important;}
.table-type-med .datepicker-wrap,
.minimum-layout .datepicker-wrap{height: 24px !important;}
.table-type-med .k-input-solid,
.minimum-layout .k-input-solid{height: 24px !important;}
.table-type-med .select-wrap,
.minimum-layout .select-wrap,
.select-wrap.select-wrap-med { height:23px; }
.table-type-med .select-wrap .k-picker-solid,
.minimum-layout .select-wrap .k-picker-solid,
.select-wrap.select-wrap-med .k-picker-solid { height:23px !important; transform: translateY(-2px);}
.table-type-med .k-button-icon.k-svg-icon > svg, 
.minimum-layout .k-button-icon.k-svg-icon > svg, 
.table-type-med .k-button-icon.k-icon-md > svg,
.minimum-layout .k-button-icon.k-icon-md > svg{width:14px !important; height: 14px !important;}
.table-type-med .filebox .upload-name,
.minimum-layout .filebox .upload-name{height: 24px !important;}
.table-type-med .filebox label,
.minimum-layout .filebox label{height: 24px !important; padding:0 6px !important;}

.min-td{height:20px !important; padding:0 4px !important;}

.td1 {width:100%; background:transparent !important; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.td1 th {background:transparent !important; border:none !important; border-bottom:1px solid #dde2e9 !important;}
.td1 th.bb-none {border-bottom:none !important;}
.td1 td {background:transparent !important; border:none !important; border-bottom:1px solid #dde2e9 !important;}
.td1 td.bb-none {border-bottom:none !important;}

.backslash {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="%23dde2e9" /></svg>');

}
.slash span, .backslash span { text-align: left; display: block;}
.slash div, .backslash div { text-align: right; }

/*첨부사진 Preview*/
.preview-picture {width:100%; padding:10px; overflow-y:auto; display:flex; justify-content:flex-start; flex-wrap:wrap; gap:10px; border:none !important; background-color:#f0f2f4; box-sizing:border-box;}/* border:1px solid #dde2e9; */
.preview-picture .image img {box-sizing:border-box;}/*height:200px;*/
.preview-picture .image01 img {height:140px; box-sizing:border-box;}
.preview-picture .iframe-style {border:0; width:100%; height:100%; overflow:auto;}
.preview-picture iframe {border:none !important;}/* border:1px solid #dde2e9 !important */

/*첨부사진 Preview 이미지 크롭*/
.preview-picture-2 {width:100%; padding:10px; overflow-y:auto; display:flex; justify-content:flex-start; gap:10px; border:none !important; background-color:#f0f2f4; box-sizing:border-box; flex:0 0 33%;}
.preview-picture-2 .image{border: 1px solid #ddd; position: relative; margin: 0 auto; overflow: hidden; width: 100%; border-radius: 0; background: #fff;}
.preview-picture-2 .image img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*width: 100%;*/ height: auto; object-fit: cover; margin: auto; max-width: 100%; max-height: 100%;}

/*서명용 Preview 이미지 크롭*/
.preview-picture-3 {width:100%; padding:10px; overflow-y:auto; display:flex; justify-content:flex-start; gap:10px; border:none !important; background-color:#f0f2f4; box-sizing:border-box; flex:0 0 33%;}
.preview-picture-3 .image{border: 1px solid #ddd; position: relative; margin: 0 auto; overflow: hidden; width: 100%; border-radius: 0; background: #fff;}
.preview-picture-3 .image img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*width: 100%;*/ height: auto; object-fit: cover; margin: auto; max-width: 200px; max-height: 100%;}


/*에디터*/
.editor {width:100%; height:150px; border:1px solid #dde2e9; overflow-y:auto; overflow-x:hidden; box-sizing:border-box;}

/*Text Area*/
.text-area {width:100%; height:100px; border:1px solid #909fb7; border-radius:4px; background-color:#fff; font-size:12px; resize:none; padding:5px; box-sizing:border-box;}
.text-area.read-only {background-color:#e4e4ec !important;}
.text-area.disabled {background-color:#f0f2f4; border:1px solid #e0e5eb; color:#9fa1a3 !important;}
.text-area-01 {width:100%; height:150px; border:1px solid #dde2e9; resize:none; padding:0px; box-sizing:border-box;}
.text-area-01.read-only {background-color:#e4e4ec !important;}
.text-area-01.disabled {background-color:#f0f2f4; border:1px solid #e0e5eb; color:#9fa1a3 !important;}

.text-area.text-style-del{border:1px solid transparent; background-color: transparent !important;}
/*사진첨부*/
.picture-td {height:150px; overflow-y:auto; overflow-x:hidden; vertical-align:top;}
.attached-files {width:100%; height:auto; overflow-y:auto; display:block; box-sizing:border-box;}
.preview {width:100%; height:100px; display:flex; justify-content:center; align-items:center; background-color:#dde2e9; box-sizing:border-box;}
.preview .fa-file {font-size:34px; color:#c3c9d1;}

/*차트*/
.chart-box {width:100%; display:inline-block; padding:10px; border:1px solid #dde2e9; box-sizing:border-box;}
.txt-01 {padding:10px; line-height:24px; font-size:13px; letter-spacing:-0.5px; color:#222; box-sizing:border-box;}

/*파일첨부하기*/
.filebox {display:flex; justify-content:space-between; column-gap:5px;}
.filebox .upload-name {width:70%; height:26px; padding:0 5px; background-color:#fff; border:1px solid #909fb7; color:#666; font-size:12px; border-radius:3px; vertical-align:top; box-sizing:border-box;}
.filebox label {width:auto; height:26px; padding:3px 6px 0px 6px; background-color:#e2e6f9; border:1px solid #85a7dd; color:#275590; font-size:12px; border-radius:3px; vertical-align:top; text-align:center; cursor:pointer;  box-sizing:border-box;}
.filebox label:hover {border:1px solid #85a7dd; background-color:#85a7dd; color:#fff;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.files-wrap {display:flex; justify-content:space-between; column-gap:5px;}
.files-wrap span {width:100%; text-align:right; color:#000; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*색상구분*/
.mark-wrap {width:auto; height:26px; display:inline-block; box-sizing:border-box; margin-left:10px; margin-right:10px;}
.yellow-mark {background-color:#ffeda6; border:1px solid #c3a79a; padding:4px 10px 4px 10px; display: inline-block; box-sizing:border-box;}
.red-mark  {background-color:#fdd3d3; border:1px solid #f29696; padding:4px 10px 4px 10px; display: inline-block; box-sizing:border-box;}
.blue-mark  {background-color:#cae8f7; border:1px solid #58a4f2; padding:4px 10px 4px 10px; display: inline-block; box-sizing:border-box;}
.green-mark  {background-color:#ceecc1; border:1px solid #73ba64; padding:4px 10px 4px 10px; display: inline-block; box-sizing:border-box;}
.purple-mark  {background-color:#dddffc; border:1px solid #868dfe; padding:4px 10px 4px 10px; display: inline-block; box-sizing:border-box;}
.gray-mark  {background-color:#e2dfdf; border:1px solid #b1adad; padding:4px 10px 4px 10px; display: inline-block; box-sizing:border-box;}

/*no data*/
.exp:after {height:100%; display:flex; justify-content:center; align-items:center; content:'※ 현물사진등록은 필수항목 입니다.'; color:#333; font-size:12px;}
.no-data:after {height:100%; display:flex; justify-content:center; align-items:center; content:'조회된 데이터가 없습니다.'; color:#333; font-size:12px;}

/*404-Error화면*/
.error-wrapper {width:100%; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.error-icon img {width:130px; height:130px; margin-bottom:10px;}
.error-wrapper strong {color:#0a3a73; font-size:107px; font-weight:bold; letter-spacing:14px; font-family: Arial, Helvetica, sans-serif !important;}
.error-wrapper i {width:260px; height:20px; border-top:1px dashed #0a3a73; margin-left:-15px; margin-top:-6px;}
.error-wrapper span {margin-left:-15px; margin-top:-14px; color:#0a3a73; font-size:24px; font-weight:bold; letter-spacing:1px;}

/*div table css*/
.disp-table {display:table; width:250px; height:24px; border:1px solid #dde2e9; border-radius:3px;}
.disp-table .disp-row {display:table-row;}
.disp-table .disp-row .tb-cell {width:50%; padding-top:4px; display:table-cell; text-align:center; border-right:1px solid #dde2e9; background-color:#f0f2f4;}
.disp-table .disp-row .tb-cell:last-child {border-right:none;}
.disp-table .disp-row .tb-cell.wh {background: #fff;}
.disp-table .disp-row .tb-cell .input-wrap .input-txt{height: 20px;}
/*div table-01 css*/
.disp-table-01 {display:table; width:auto; height:24px; box-sizing:border-box;}
.disp-table-01 .disp-row {display:table-row; white-space:nowrap; box-sizing: border-box;}
.disp-table-01 .disp-row .tb-cell {display:table-cell; box-sizing:border-box;}
.disp-table-01 .disp-row .tb-cell.th {padding:0 0px 0 15px; font-weight:bold; text-align:right; box-sizing:border-box;}
.disp-table-01 .disp-row .tb-cell.td {padding:0 4px 0 4px; text-align:left; box-sizing:border-box;}

/*table td에 image*/
.td-img  {display:flex; gap:5px; justify-content:flex-start; flex-wrap:wrap;}
.td-img img {height:250px;}

/*이미지 크롭*/
.img-cut-outer{border: none; position: relative; margin: 0 auto; overflow: hidden; width: 100%; border-radius: 0;}
.img-cut-outer img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*width: 100%;*/ height: auto; object-fit: cover; margin: auto;}

/*제목 높이 없음*/
.workScreen .s-titles02 {font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-right:5px; display:inline-block;}
.workScreen .s-titles02::before {content:""; display:inline-block; border:4px solid #64a0ff; width:5px; height:5px; background-color:#fff; border-radius:50%; margin-right:6px; vertical-align:-1px;}
.w34{width:34%; box-sizing: border-box;}

.min-btn { width: auto; height: 20px; font-size: 10px; padding: 0px 4px; border: 1px solid #64a0ff; background-color: #fff; color: #0050b8; border-radius: 3px; cursor: pointer; white-space: nowrap;}

.green-label{background-color: #cceccd !important; /*border: 1px solid #089826 !important;*/ color: #06771e !important; font-weight: bold !important; height: 26px; border-radius: 3px; padding:0 6px; line-height: 26px;}
.red-label{ background-color: #f8dede !important; /*border: 1px solid #e21414 !important;*/ color: #c61010 !important; font-weight: bold !important; height: 26px; border-radius: 3px; padding:0 6px; line-height: 26px;}
.yellow-label{ background-color: #f8f7de !important; /*border: 1px solid #e21414 !important;*/ color: #cb9800 !important; font-weight: bold !important; height: 26px; border-radius: 3px; padding:0 6px; line-height: 26px;}

.filebox .upload-name02 {width:100%; }


/*Table 타입-c*/
.table-type-c{width:100%; background-color:#fff; border-top:1px solid #dde2e9; margin-top:-2px; box-sizing:border-box;}
.table-type-c .table-tb{color:#2a2c2f; font-size:13px; width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all;}
.table-type-c .table-tb th{height:auto; letter-spacing:-0.5px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; font-size:13px; font-weight:bold; text-align:center; padding:4px 4px 4px 4px; white-space:nowrap; text-overflow:ellipsis;}
.table-type-c .table-tb th:last-child {border-right:none !important;}
.table-type-c .table-tb td{letter-spacing:-0.5px; color:#2a2c2f; font-size:12px; border-right:1px solid #dde2e9; border-bottom:1px solid #dde2e9; background-color:#fff; padding:4px 4px 4px 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-type-c .table-tb td:last-child {border-right:none !important;}


/* input 스타일제거 */
.input-wrap .input-txt.input-style-del,
.select-wrap.input-style-del{border:1px solid transparent; background-color: transparent !important;}
.select-wrap.input-style-del.read-only span{background-color: transparent !important;}
.select-wrap.input-style-del .k-svg-icon.k-svg-i-caret-alt-down.k-button-icon{display: none !important;}


/* 첨부파일 팝업 */
.comAlert .article2 {cursor:default !important; background:#fff; height:auto; padding:20px 10px 15px 10px; overflow-y:hidden; overflow-x:hidden; box-sizing:border-box;}
.attach-list2 {width:100%; height:150px; border:1px solid #dde2e9; padding:0 0px 0 0px; overflow-y:auto; overflow-x:hidden; display:block; box-sizing:border-box;}
.attach-list3 {width:100%; height:290px; border:0px solid #dde2e9; padding:0 0px 0 0px; overflow-y:auto; overflow-x:hidden; display:block; box-sizing:border-box;}
.attach-list4 {width:100%; height:130px; border:0px solid #dde2e9; padding:0 0px 0 0px; overflow-y:auto; overflow-x:hidden; display:block; box-sizing:border-box;}