@charset "utf-8";
@import url(slick.css);

/* align */
.float-left {float:left !important;}
.float-right {float:right !important;}
.float-none {float:none !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.flex-column {display:flex !important;flex-direction:column !important;justify-content:center !important;}
.inline {display: inline-block;}

/* space */
.m-0 {margin:0 !important;}
.mt--1 {margin-top:-1px;}
.ml--1 {margin-left:-1px;}
.mt-0 {margin-top:0 !important;}
.mt-2 {margin-top:2px !important;}
.mt-5 {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-25 {margin-top:25px !important;}
.mt-30 {margin-top:30px !important;}
.mr-5 {margin-right:5px !important;}
.mr-10 {margin-right:10px !important;}
.mr-15 {margin-right:15px !important;}
.mr-20 {margin-right:20px !important;}
.mr-25 {margin-right:25px !important;}
.mr-30 {margin-right:30px !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-25 {margin-bottom:25px !important;}
.mb-30 {margin-bottom:30px !important;}
.ml--1 {margin-left: -1px;}
.ml--2 {margin-left: -2px;}
.ml-5 {margin-left:5px !important;}
.ml-10 {margin-left:10px !important;}
.ml-15 {margin-left:15px !important;}
.ml-20 {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.ml-30 {margin-left:30px !important;}
.h-100 {height:100% !important;}
.h-100px {height:100px !important;}
.pd-10 {padding: 10px !important;}

button > i, a > i {margin-right:4px;}
.block-resize li i,.info-group li i, .info-group li span{margin-right:4px;}

/* grid layout */
.row {--bs-gutter-x:0.7rem;flex-wrap:nowrap;overflow:hidden;}
.row.over-init {overflow:inherit;}
.row.single {--bs-gutter-x:0;}
.row + .row {margin-top:10px;}

/* tui-grid */
.grid-modified {background-color: #ffdc7a  !important;}
tr td.useFalse {text-decoration: line-through !important; opacity: 0.6 !important;background: #fdfdfd !important;}

/* jstree */
.jstree a.useFalse {text-decoration: line-through !important; opacity: 0.6 !important;background: #fdfdfd !important;}
.jstree a.bookmark::after {font-family:'Bootstrap-icons'; content: '\F586';margin-left: 2px; font-size:7px;}
.jstree a.bookmark {color: #1c6a9a; font-weight: 600;}
.jstree-default .jstree-search {font-style: italic; color: #b83744; font-weight: 600;}
.jstree-default a.bookmark.jstree-search {font-style: italic; color: #b83744; font-weight: 600;}
.jstree-default .jstree-clicked {background:#efefef !important;}
.tree-new-node {color: #fd6c61 !important;}
#divTree {height: calc(100% - 40px); overflow: auto;}

/* color */

/* module */
.module-box {height:100%;/*margin-bottom:0.8rem;*/background:#fff;box-shadow:0 1px 4px 0 rgba(152, 162, 179, 0.1);display:flex;flex-direction:column;}
.module-box + .module-box {margin-top:10px;}

.module-header {padding:0px 15px;min-height:48px;border-bottom:1px solid #e2e2e2;flex:none;justify-content:space-between;align-items:center;display:flex;}
.module-header.search {padding:6px 15px;}
.module-header .h3-tit {margin:0;padding-top:7px;}
.module-header ~ .module-header {border-top:0.8rem solid #f2f2f4;}
.module-header .select-menu {display:flex;align-items:center;}
.module-header .select-menu select {width:auto;border:0;box-shadow:none;background:url('../images/common/ico_pulldown.png') no-repeat right 11px top 50%;}
.module-header .select-menu .select2-container--default .select2-selection--single {height:30px;border:0;box-shadow:none;background:transparent;}
.module-header .select-menu .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:30px;}
.module-header .select-menu .select2-container--default .select2-selection--single .select2-selection__arrow b {position:absolute;left:2px;top:0;width:28px;height:28px;border:0;margin:0;background:url('../images/common/ico_pulldown.png') no-repeat right 11px top 50%;}
.module-header .select-menu .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background:url('../images/common/ico_pulldown.png') no-repeat right 9px top 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.module-header .select-menu .select2 {flex:none;font-size:16px;color:#000;}
.module-header .select-menu .select2 + .select2 {margin-left:15px;}
.module-header .select-menu .select2 + .select2:before {content:"";position:absolute;left:-8px;top:5px;width:3px;height:20px;display:inline-block;}
.module-header .select-menu .select2.type1 + .select2:before {background:#ff7184;}
.module-header .select-menu .select2.type2 + .select2:before {background:#59afff;}
.module-header .select-menu .select2.type3 + .select2:before {background:#10e8db;}
.module-header .select-menu .select2.type4 + .select2:before {background:#686eff;}
.module-header .flex-group {display:flex;align-items:center;}
.module-header .flex-group .search-group {margin:3px 0 0 30px;}
.module-header .flex-group .search-group .divide-line {margin:2px 10px 0 10px;}
.module-header .flex-group .check-group {margin:3px 0 0 30px;}
.module-header .flex-group .divide-line {margin:2px 20px 0 10px;}
.module-header .flex-group.gallery .divide-line {margin:2px 10px 0 10px;}
.module-header .flex-group.gallery * {margin:0 2px;}
.module-header .right {position:relative;}
.module-body {padding:14px;overflow:auto;}
.module-body-h100 {padding:15px;height:100%;}
.module-body-h33 {padding:15px;height:33%;}

/* grid box */
.row_one{height:100%;}
.row_one > .col{height:100%;float:left}
.grid-box {height:100%;background:#fff;box-shadow:0 1px 4px 0 rgba(152, 162, 179, 0.1);}
.grid-box + .grid-box {margin-top:10px;}
.grid-box .grid-header {padding:0px 15px;min-height:48px;border-bottom:1px solid #e2e2e2;justify-content:space-between;align-items:center; display: flex;}
.grid-box .grid-header .h3-tit {margin:0; display: inline-block;}
.grid-box .grid-header .search-group {float:right; display: inline-block;}
.grid-box .grid-body {height: calc(100% - 50px);padding:15px;}

.h2-tit {margin:15px 0 10px;font-size:18px;font-weight:normal;}
/*.h2-tit:before {content:'';display:inline-block;width:4px;height:16px;margin:0 9px 3px 0;background:#2a2a2a;vertical-align:middle;}*/
.h3-tit {margin:25px 0 10px;color:#444;font-size:15px;font-weight:normal; font-weight:600;}
.h3-tit small {font-weight:400;}
/*.h3-tit:before {content:'';display:inline-block;width:2px;height:14px;margin:0 7px 3px 0;vertical-align:middle;background:#2a2a2a;}*/
.h3-tit span {color:#666;font-size:13px;}

/* search */
.block-search {position:relative;padding:10px;margin-bottom:10px;background:#fff;border:1px solid #e6e8ec;border-radius:2px;box-shadow:0 1px 4px 0 rgba(152, 162, 179, 0.1);min-height:46px;}

/* input,select */
input {width:100%;height:30px;padding:0 10px;margin:2px 0;border:1px solid #dcdcdc;background-color:#fff;border-radius:0;}
input.right {padding-right:10px;text-align:right;}
input.center {padding:0;text-align:center;}
input,select,textarea {box-shadow:none;-webkit-transition:background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in, -webkit-box-shadow 150ms ease-in;background-repeat:no-repeat;background-size:0% 100%;transition: background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in, -webkit-box-shadow 150ms ease-in;}
input:focus,textarea:focus {background-image:linear-gradient(to top, #333, #333 1px, transparent 1px, transparent 100%);background-size:100% 100%;}
input[type=text]::-ms-clear {display:none;}
input[required],textarea[required],select[required] {background-color:#f2f8ff;}
input[readonly],textarea[readonly] {background:#f7f7f7;}
input[disabled],textarea[disabled] {background:#f7f7f7;cursor:not-allowed;}
input[type=checkbox],input[type=radio] {width:18px;height:18px;padding:0;margin-right:3px;border:1px solid #c5c5c5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;transition:inherit;}
input[type=checkbox] {background:#fff url(../images/contents/ico_check_off.png) no-repeat 50% 50%;}
input[type=checkbox]:checked {border-color:#877669;background:#877669 url('../images/contents/ico_check.png') no-repeat 50% 50%;}
input[type=radio] {width:16px;height:16px;border-radius:16px;}
input[type=radio]:checked {border-color:#378ce4;background:#378ce4 url('../images/contents/ico_radio.png') no-repeat 50% 50%;}
input[type=checkbox] + label,input[type=radio] + label {margin-right:8px;}
input[type=checkbox][disabled] + label,input[type=radio][disabled] + label {color:#999}
select {width:100%;height:30px;padding:0 30px 0 10px;margin:2px 0;border:1px solid #dcdcdc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('../images/contents/ico_pulldown.png') no-repeat right 11px top 50%;}
select::-ms-expand {display:none;}
select:focus {border-bottom:1px solid #333;}
select[disabled] {background:#f7f7f7 url('../images/contents/ico_pulldown.png') no-repeat right 11px top 50%;cursor:not-allowed;}
textarea {width:100%;padding:5px 10px;margin:2px 0;border:1px solid #dcdcdc;overflow:auto;resize:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a1a1a1;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#a1a1a1;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#a1a1a1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#a1a1a1;}
/*input.error{border-color: #ea3d3d; padding-right: calc(1.5em + 1.3rem);}*/
input.error{border-color: #ea3d3d;}
.tui-datetime-input:has(input.error) {border-color: #ea3d3d;}
select.error + .select2 .select2-selection {border-color: #ea3d3d;}


/* select2 */
.select2 {width:100%;}
.select2-container--default .select2-selection--single {height:30px;border:1px solid #dcdcdc;border-radius:0;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:30px;height:30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {position:absolute;left:2px;top:0;width:28px;height:28px;border:0;margin:0;background:url('../images/contents/ico_pulldown.png') no-repeat right 11px top 50%;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background:url('../images/contents/ico_pulldown.png') no-repeat right 7px top 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.select2-container .select2-selection--single .select2-selection__rendered {padding-right:30px;}
.select2-container--default .select2-search--dropdown .select2-search__field {border:1px solid #dcdcdc;}
.select2-results__option {padding:3px 6px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:#1E1E2D;}
.select2-container--default .select2-selection--multiple {min-height:30px;border:1px solid #dcdcdc;border-radius:0;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {border-radius:0;background-color:#f5f5f5;}
.select2-container--open .select2-dropdown--below {border-top:1px solid #aaa;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {padding-left: 8px;}

select[readonly].select2-hidden-accessible + .select2-container {pointer-events: none;touch-action: none;}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {background: #eee;box-shadow: none;}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {display: none;}

.input-group {position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;width:100%;vertical-align:middle;justify-content:center;}
.input-group>input, .input-group>select {position:relative;flex:1 1 auto;width:1%;min-width:0;}
.input-group .addon {position:absolute;right:2px;top:3px;display:inline-block;width:30px;height:27px;text-indent:-9999px;overflow:hidden;}
.input-group button {margin-left:3px !important;}
.input-group .btn {margin-left:-3px !important;padding:0 10px; border-radius: 0;}

.time-group {display:flex;align-items:center;gap:6px;}
.day-group button {height:30px;line-height:28px;margin:2px; min-width:32px !important;}
.day-group button.active {color:#fff;border:1px solid #75c981;background-color:#75c981;}
.day-group button.active.SunTF {color:#fff;border:1px solid #f36673;background-color:#f36673;}
.day-group button.active.SatTF {color:#fff;border:1px solid #349ad9;background-color:#349ad9;}

/* info text */
.info-text {display:inline-block;padding:5px 0;vertical-align:middle;}
div.info-text,p.info-text {display:block;}
.h3-tit + .info-text,input + .info-text,select + .info-text {margin-left:10px;}
.h3-tit + p.info-text,input + p.info-text,select + p.info-text {margin-left:0;}
.info-text.inquiry,.info-text .inquiry {color:#337ab7;}
.info-text.caution,.info-text .caution {color:#f26521;}
.info-text.error,.info-text .error {color:#d50000;}

/* message box*/
.message-box {padding:15px 20px;line-height:20px;border-radius:3px;background:#fff;box-shadow:0 1px 4px 0 rgba(152, 162, 179, 0.1);}
.message-box li {position:relative;padding-left:10px;}
.message-box li:before {content:"";display:inline-block;position:absolute;width:4px;height:4px;top:8px;left:0;border-radius:50%;background-color:#555;}
.message-box .message-head {padding:10px 20px;border-bottom:1px solid #ddd;background-color:#f5f5f5;}
.message-box .message-head .info-text {padding:0;}
.message-box .info-text i {font-size:24px;margin-right:5px;}
.message-box + .row {margin-top:0.8rem;}
/* button box */
/*.btn-group-box {order-radius:3px; border:1px solid #ddd; padding:10px;}*/
.btn-group-box {position:relative; margin-top:25px; border-radius:3px; border:1px solid #ddd; padding:6px; min-height:50px;}
.btn-group-box:first-child {margin-top:10px;}
.btn-group-box h3{position: absolute; top:-14px; display: inline-block; padding:5px 10px; background-color: #fff;}
.btn-group-box button {padding:3px 10px; margin:5px; background-color: #f3f3f3; text-align: left;}
.btn-group-box button.active {background-color: #349ad9; color: #fff;}

/* button */
.block-btn {margin:8px 0;}
.block-btn:after {content:"";display:block;clear:both;}
.block-btn .left {float:left;}
.block-btn .right {float:right;}
.block-btn .divide-line {position:relative;top:1px;display:inline-block;width:1px;height:26px;margin:0 8px;vertical-align:middle;background:#cfd1dd;}
.btn {display:inline-block;padding:0 10px;font-size:13px;color:#333;vertical-align:middle;background:#fff;border:1px solid #d7dae4;white-space:nowrap;border-radius:0;transition:all 0.5s;}
.btn:hover {background:#2A2A3C;color:#fff;}
.btn:focus {box-shadow:0 2px 3px 0 rgba(152, 162, 179, 0.2);}

.btn i {margin-right:5px;}
.btn.mtype {height:30px;line-height:28px;}
.btn.stype {height:26px;line-height:26px;min-width:50px;padding:0 10px;font-size:12px;}
.ico-btn {display:inline-block;font-size:13px;vertical-align:middle;white-space:nowrap;background:transparent;}
.ico-btn.print {padding-left:22px;}
.ico-btn.excel-up {padding-left:16px;}
.ico-btn.excel-down {padding-left:16px;}
.ico-btn.row-add {padding-left:14px;}
.ico-btn.row-delete {padding-left:14px;}
.ico-btn i {font-size:15px;margin-right:2px;vertical-align: initial;}
.ico-btn i.bi-plus,.ico-btn i.bi-dash {font-size:18px;margin-right:0;}
.ico-btn:hover {color:#4e6c98;}
.btn-search {display:inline-block;min-width:60px;height:30px;padding:0 10px;text-align:center;color:#fff;vertical-align:middle;white-space:nowrap;background:#484848;box-shadow:0 2px 3px 0 rgba(152, 162, 179, 0.2);}
.btn-search:before {content:"";display:inline-block;width:12px;height:11px;margin:-1px 3px 0 -3px;background:url('../images/contents/ico_search.png') no-repeat 0 0;vertical-align:middle;}
.btn-search:hover {background:#000;}
.btn-inquiry {width:32px;height:30px;margin-right:1px; border:1px solid #d7dae4; background-color:#d7dae4;display:inline-block;vertical-align:middle;color:#444;transition:all 0.3s;}
.btn-search .bi.bi-search::before, .btn-inquiry .bi.bi-search::before {line-height:1.5;}
.btn-inquiry:hover {background:#b5bfe1; color:#fff;}
.btn-group .btn-check:active+.mtype, .btn-group .btn-check:checked+.mtype, .btn-group .mtype.active, .btn-group .mtype.dropdown-toggle.show, .btn-group .mtype:active {color:#fff;background-color:#004f68;border-color:#004f68;box-shadow:none;}
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {margin-left:0;}
.btn-group input[type=checkbox] + label, .btn-group input[type=radio] + label {margin-right:-1px;}
.btn-up {width:30px;height:30px;line-height:28px;padding:0;}
.btn-up i {margin:0;font-size:16px;}
.btn-up i:before {line-height:inherit;}
.btn-down {width:30px;height:30px;line-height:28px;padding:0;}
.btn-down i {margin:0;font-size:16px;}
.btn-down i:before {line-height:inherit;}
.btn.line {padding:0 10px;}
.btn.line .bi-plus {margin-right:0;}
.btn.line .bi-plus::before {font-size:16px;vertical-align:middle;position:relative;top:-1px;}

/* button color */
.btn {border-radius:5px;}
.btn.primary {border:1px solid #1c6a9a;background-color:#1c6a9a;color:#fff;}
.btn.primary:hover {border:1px solid #dcdcdc;background-color:#5c7f95;}
.btn.secondary {color:#222;border:1px solid #EFEFEF;background-color:#EFEFEF;}
.btn.secondary:hover {background-color:#39424a;color:#fff;}
.btn.success {color:#222;border:1px solid #EFEFEF;background-color:#EFEFEF;}
.btn.success:hover {border:1px solid #43904e;background-color:#43904e;color:#fff;}
.btn.danger {border:1px solid #b83744;background-color:#b83744;color:#fff;}
.btn.danger:hover {color:#222;border:1px solid #EFEFEF;background-color:#EFEFEF;}
.btn.warning {color:#fff;border:1px solid #b39775;background-color:#b39775;}
.btn.warning:hover {background-color:#987953;color:#fff;}
.btn.info {color:#fff;border:1px solid #3c4a56;background-color:#3c4a56;}
.btn.info:hover {background-color:#23303b;}
.btn.dark {color:#fff;border:1px solid #484848;background-color:#484848;}
.btn.dark:hover {background-color:#000;}
.btn.link {padding:3px 10px;margin:0 2px;font-size:15px;font-weight:500;color:#777;border:2px solid #eee;border-radius:5px; min-width: 60px; text-align:center;}
.btn.link:hover {color:#000;font-weight:700;background-color: #fff;}
.btn.link.active {color:#000;font-weight:400;background-color: var(--main-color); border:2px solid var(--main-color); color:#fff;}
/* button Line color */
.btn.line-primary {color:#004f68;border:1px solid #004f68;}
.btn.line-primary:hover {color:#fff;background-color:#00465c;}
.btn.line-secondary {color:#606e79;border:1px solid #606e79;}
.btn.line-secondary:hover {color:#fff;background-color:#606e79;}
.btn.line-success {color:#008749;border:1px solid #008749;}
.btn.line-success:hover {color:#fff;background-color:#008749;}
.btn.line-danger {color:#a14545;border:1px solid #a14545;}
.btn.line-danger:hover {color:#fff;background-color:#a14545;}
.btn.line-warning {color:#b39775;border:1px solid #b39775;}
.btn.line-warning:hover {color:#fff;background-color:#b39775;}
.btn.line-info {color:#3c4a56;border:1px solid #3c4a56;}
.btn.line-info:hover {color:#fff;background-color:#3c4a56;}
.btn.line-dark {color:#484848;border:1px solid #484848;}
.btn.line-dark:hover {color:#fff;background-color:#484848;}
/* button filter */
.btn.filter {border: none; color: #000; font-weight: 400; background-color: #eeeeee;  min-width: 40px; height:30px;}
.btn.filter.active {border: none; background-color: #877669; color: #fff;}
/* button filter for inner grid */
.btn.filter.ingrid {border: none; padding:4px 10px 6px; margin:0 3px ;color: #000; font-weight: 400; background-color: #eeeeee;  min-width: 20px;}
.btn.filter.ingrid.active {border: none; background-color: #877669; color: #fff;}
.btn.download {color: #fff;border: 1px solid #006400;background-color: #006400;}

/* button icon */
.btn.icon {border: 1px solid #d7dae4; padding:0px; text-align:center; min-width:30px; line-height:27px;}
.btn.icon i {font-size:14px; margin-right:0;}

/* table */
.tbl-form {width:100%;line-height:18px;}
.tbl-form > tbody > tr.div-line-up {margin-top:10px; margin-left:0; margin-right:0; padding-top:10px; border-top:1px dashed #ddd;}
.tbl-form > tbody > tr.div-line-down {margin-bottom:5px; margin-left:0; margin-right:0; padding-top:5px; border-top:1px dashed #ddd;}
.tbl-form > tbody > tr > th {height:42px;padding:4px 5px 4px 10px;font-weight:500; color:#222; text-align:right;background:#fff;}
.tbl-form > tbody > tr > td {height:42px;padding:4px 10px 4px 25px;background:#fff;}
.tbl-form > tbody > tr > td.pl-10 {padding-left:10px;}
.tbl-form > tbody > tr:first-child th,.tbl-form > tbody > tr:first-child td {padding-top:10px;}
.tbl-form > tbody > tr:last-child th,.tbl-form > tbody > tr:last-child td {padding-bottom:10px;}
.tbl-form .right {padding:8px 10px 8px 5px;text-align:right;}
.tbl-form .bi-check2 {color:#f30a0a;margin-right:3px;position:relative;top:-2px;}
.tbl-form .form-switch {display:inline-block;vertical-align:middle;}
.tbl-form .tit {margin:0 10px 0 30px;}
.tbl-form .vt {vertical-align:top;padding-top:15px;}
.tbl-form .desc {font-size:13px;color:#888;}
.tbl-form-no-title > tbody > tr > td {height:42px;padding:4px 0;background:#fff;}

.form-switch .form-check-input {width:3.3em;height:24px;background-repeat:no-repeat;}
.form-switch .form-check-input[type=checkbox]:checked {border-color:#378ce4;background:#378ce4 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") no-repeat 100% 50%;}

/* modal */
.modal-wrap {position:relative;margin:3% auto;line-height:22px;background:#fff;box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.5);display:none;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.modal-wrap.small {width:360px;}
.modal-wrap.middle {width:600px;}
.modal-wrap.large {width:900px;}
.modal-wrap.e-large {width:1200px;}
.modal-wrap.full {width:100%;height:100%;margin:0;}
.modal {line-height:22px;box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.5);display:none;z-index:101 !important;}
.modal .modal-dialog {max-width:none;}
.modal.small .modal-dialog {width:360px;}
.modal.middle .modal-dialog {width:600px;}
.modal.w-350 .modal-dialog {width:350px;}
.modal.w-400 .modal-dialog {width:400px;}
.modal.w-500 .modal-dialog {width:500px;}
.modal.w-600 .modal-dialog {width:600px;}
.modal.w-640 .modal-dialog {width:640px;}
.modal.w-740 .modal-dialog {width:740px;}
.modal.w-910 .modal-dialog {width:910px;}
.modal.w-920 .modal-dialog {width:920px;}
.modal.large .modal-dialog {width:900px;}
.modal.e-large .modal-dialog {width:1200px;}
.modal .modal-content {background:#fff;border-radius:6px;}
.modal .nav-tabs {border-bottom:1px solid #E6E6E6;margin-bottom:10px;}
.modal-head {padding:20px 20px 10px;}
.modal-head h2 {color:#000;font-size:22px;font-weight:500; padding-right:30px;}
.modal-head h2 small {margin-left:10px;}
.modal-head .flex-group {flex:none;justify-content:space-between;align-items:center;display:flex;}
.modal-head .flex-group div {display:flex;align-items:center;}
.modal-head .flex-group .search-group {margin:3px 0 0 30px;}
.modal-head .inline-group h2 {display: inline-block;}
.modal-head .inline-group .search-group {display: inline-block; margin:3px 0 0 30px; vertical-align: text-bottom;}
.modal-head .btn-print {margin: 0px 30px 0 0; width:100%; height:100%;}
.modal-head .btn-print i{color: #000; font-size: 22px;}
.modal-cont {padding:10px 20px 82px 20px;}
.modal-cont.scroll {max-height:540px;overflow-x:hidden;overflow-y:auto;margin-bottom:84px;}
.modal-foot {position:absolute;bottom:0;left:0;right:0;padding:20px 15px 20px;text-align:center;display:flex;justify-content:center;align-items:center;}
.modal-foot a,.modal-foot button {margin: 0 5px;}
.modal-foot.full-btn .btn.primary {background:var(--main-color);border:1px solid var(--main-color);color:#fff;}
.modal-foot.full-btn .btn.secondary {background:#F2F2F2;border:1px solid #ccc;color:#606060;}
.modal-foot.full-btn .btn.dark {background-color:#484848; border:1px solid #484848; color:#fff;}
.modal-foot.full-btn .btn.primary:hover {background:#cf2b1f;}
.modal-foot.full-btn .btn.secondary:hover {background:#e4e4e4;}
.modal-foot.full-btn .btn.dark:hover {background-color:#777;}
.modal-foot.full-btn .btn {width:100%;max-width:150px;height:44px;line-height:44px; border-radius:5px; font-size:16px;}
.modal-close {position:absolute;right:10px;top:9px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}
.modal .membership input.form-keyword:focus {background-image:linear-gradient(to top, var(--main-color), var(--main-color) 1px, transparent 1px, transparent 100%);background-size:100% 100%;}
.modal .membership .alert-desc {font-size:14px;padding:10px;}
.modal .membership .member-input dt {margin-top:30px;}
.modal .agree-link {margin:15px 0;text-align:center;}
.modal .agree-link a:before {content:'';display:inline-block;width:1px;height:14px;margin:0 15px 3px 12px;background:#E1E1E1;vertical-align:middle;}
.modal .agree-link a:first-child:before {display:none;}
.modal .membership .time {position:absolute;bottom:15px; color:#999;}
.modal .withdrawal-txt {padding:15px 20px;border:1px solid #E1E1E1;border-radius:4px;font-size:16px;margin-bottom:10px;}

.modal .policy-box {height:300px;padding:10px 15px;border:1px solid #E1E1E1;border-radius:4px;overflow:auto;margin-top:10px;}
.modal .policy-box > *{font-size: auto;}
.modal .policy-box h1 { font-size: 20px;}
.modal .policy-box h2 {padding-left: 10px; font-size: 18px; margin: 40px 0 0 0;}
.modal .policy-box h3 {padding-left: 20px; font-size: 16px; margin: 40px 0 0 0;}
.modal .policy-box h4 {padding-left:20px; margin-bottom: 0;  font-size: 12px; padding-top:20px;}
.modal .policy-box p {line-height: 24px; padding: 15px 10px 0 30px; margin: 0;}
.modal .policy-box .pdl-0 {padding-left: 0px;}
.modal .policy-box .pdl-20 {padding-left: 20px;}
.modal .policy-box :where(.pdl-40, .pdl40) {padding-left: 40px;}
.modal .policy-box .mt-0 {margin-top: 0;}
.modal .policy-box .mt-20 {margin-top: 20px;}
.modal .policy-box .fs-20 {font-size: 16px; padding-top:20px;}
.modal .policy-box .emphasize {font-size: 16px; font-weight: 600;}
.modal .policy-box .txtblackbig {font-weight: 600; color: black;}
.modal .modal-cont .block-help {flex-wrap: wrap;}
.modal .modal-cont .block-help dt, .modal .modal-cont .block-help dd{padding-top: 5px; padding-bottom: 5px;}

.modal .modal-cont .app_download {display: flex;}
.modal .modal-cont .app_download .app-info {width: 50%;padding-top: 80px;padding-left: 100px; text-align: center;}
.modal .modal-cont .app_download .app-info .store_logo svg {width:60px;}
.modal .modal-cont .app_download .app-info .store_logo img {width:60px;}
.modal .modal-cont .app_download .app-info .store_logo {font-size:30px; margin-bottom:20px;}
.modal .modal-cont .app_download .app-info h1 {font-size: 78px;}
.modal .modal-cont .app_download .app-info p {font-size: 30px;line-height: 50px; margin-bottom: 40px;}
.modal .modal-cont .app_download .app-info a {font-size: 28px;margin-top: 30px; display: block;}
.modal .modal-cont .app_download .qr-code-wrap {width:50%;padding-top: 80px;}
.modal .modal-cont .app_download .qr-code-wrap img {height: calc(100vh - 300px);}

@keyframes fadeInUp {
  0% {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
  100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes fadeInUp {
  0% {opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
  100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}

/* modal contents add */
#cmmModalAlertList .modal-content .modal-cont {font-size:none;}
#cmmModalAlertList .modal-content .modal-cont .noti-item {font-size:none;}

#cmmModalTodo .modal-content .modal-cont table tbody tr td > select {width: 100%;}
#cmmModalTodo .modal-content ul li {float:left;}
#cmmModalTodo .modal-content .FloorPlanSetPosition {width:100%; height:440px; border:1px dashed #ccc; position: relative; background-color: #edf4f7; display: flex; padding:10px;}
#cmmModalTodo .modal-content .FloorPlanSetPosition img {width:100%; margin:auto;}

#modalTodoMgm .modal-content .modal-cont table tbody tr td > select {width: 100%;}
#modalTodoMgm .modal-content ul li {float:left;}
#modalTodoMgm .modal-content .FloorPlanSetPosition {width:100%; min-height:300px; border:1px dashed #ccc; position: relative; background-color: #edf4f7; display: flex; padding:0;}
#modalTodoMgm .modal-content .FloorPlanSetPosition img {width:100%;}
#modalTodoMgm #modalTodoForm1 .txtworkGroupCpNm {font-weight:600;}

#cmmModalPorjectPhoto .modal-content .modal-cont p.info {text-align: center;}
#modalTodoSearchMemo .module-body .title {font-size:14px; margin-top:15px; font-weight: 500; color: #222;}
#modalTodoSearchMemo .module-body .no-data {text-align: center; padding:50px 10px;}
#modalTodoSearchMemo .module-body .swipe_body{height: 40px; overflow: hidden; margin-top: 5px;}
#modalTodoSearchMemo .module-body .swipe_inner{height: 40px; transition-property: transform;white-space:nowrap;overflow-x:scroll;}
#modalTodoSearchMemo .module-body .swipe_inner a {padding: 4px 6px; line-height:28px;border-radius: 5px; border: 1px solid #1c6a9a;margin-left: 6px;}
#modalTodoSearchMemo .module-body .swipe_inner a:first-child {margin-left: 0px;}
#modalTodoSearchMemo .module-body ul.history li {width:50%; float:left;}
#modalTodoSearchMemo .module-body ul.history li:nth-child(odd) {padding:5px 10px 5px 0;}
#modalTodoSearchMemo .module-body ul.history li:nth-child(even) {padding:5px 0 5px 10px;}
#modalTodoSearchMemo .module-body ul.history li a:first-child {display: inline-block; width: 80%;}
#modalTodoSearchMemo .module-body ul.history li a:last-child {display: inline-block; width:20px;}

#cmmModalNoticeContent .txt {font-size:14px; line-height:28px;}
#cmmModalNoticeContent .txt .targetComCcNm {display:inline-block;padding: 0 6px;height:23px;line-height:21px;margin-right:6px;text-align:center;font-size:12px;border-radius:5px; border-width: 1px;border-style: solid;}
#cmmModalNoticeContent .txt .comsNm {font-weight: 600; color:#222;}
#cmmModalNoticeContent .date {font-size:14px; line-height:20px;}
#cmmModalNoticeContent .date .uptDate {float: right;}
#cmmModalNoticeContent .block-content {margin-top:5px; padding-bottom:10px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#cmmModalNoticeContent .block-content img {max-width: 100%;}
#cmmModalNoticeContent .memo {margin:15px 0; min-height: 100px}
#cmmModalNoticeContent .block-files h3 {margin-bottom:5px;}
#cmmModalNoticeContent .block-files a {display:inline-block; margin-left:10px;}


/* tab */
.tab-wrap {position:relative;padding-top:5px;background:#fff;border-bottom:1px solid #e2e2e2;}
.nav-tabs {border:0;}
.nav-tabs .nav-link {padding:10px 15px;font-size:15px;font-weight:500;color:#777;border:0;}
.nav-tabs .nav-link:hover {color:#000;font-weight:700;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#000;font-weight:700;border-bottom:2px solid #000;}

.nav-kanban {padding:5px 18px 8px 18px;}
.nav-kanban .nav-link {padding:3px 10px;margin:0 2px;font-size:15px;font-weight:500;color:#777;border:2px solid #eee;border-radius:5px; min-width: 60px; text-align:center;}
.nav-kanban .nav-link:hover {color:#000;font-weight:700;border:2px solid var(--main-color);}
.nav-kanban .nav-item.show .nav-link, .nav-kanban .nav-link.active {color:#000;font-weight:400;background-color: var(--main-color); border:2px solid var(--main-color); color:#fff;}
.tab-content {height:calc(100% - 50px);}
/*.tab-content>.tab-pane {height:100%;}*/

.menu-kanban .nav-kanban {display:inline-flex;padding:5px 0 8px 18px;}
.state-button {display:inline-flex;}
.state-button button {padding:3px 10px;margin:0 2px;font-size:15px;font-weight:500;color:#777;border:2px solid #eee;border-radius:5px; min-width: 60px; text-align:center;background:#fff;}
.state-button button:hover {color:#000;font-weight:700;border:2px solid var(--main-color);}
.state-button button.active {color:#000;font-weight:400;background-color: var(--main-color); border:2px solid var(--main-color); color:#fff;}


.grid-title-button {display:inline-flex;}
.grid-title-button button {padding:3px 10px;margin:0 2px;font-size:15px;font-weight:500;color:#777;border:2px solid #eee;border-radius:5px; min-width: 60px; text-align:center;background:#fff;}
.grid-title-button button:hover {color:#000;font-weight:700;border:2px solid var(--main-color);}
.grid-title-button button.active {color:#000;font-weight:400;background-color: var(--main-color); border:2px solid var(--main-color); color:#fff;}


.tab-wrap .rate-wrap {position:absolute;right:20px;top:0;display:flex;align-items:center;height:48px;}
.tab-wrap .rate-wrap .rate {display:inline-block;width:60px;height:5px;border-radius:5px;background-color:#ECECEC;overflow:hidden;margin-right:10px;}
.tab-wrap .rate-wrap .rate em {display:block;height:5px;background-color:var(--main-color);}
.tab-wrap .rate-wrap .num {font-size:14px;color:#777;font-weight:700;}
.tab-wrap .rate-wrap .num strong {color:#222;}
.tab-wrap .rate-wrap .num em {color:var(--main-color);font-weight:700;}

.work-state {position:absolute;right:15px;top:100px;padding:15px;}
.work-state .work-box {width:305px;min-height:115px;padding:10px;margin-top:15px;background:#FAFAFA;}
.work-state .work-box .name span {display:inline-block;font-size:15px;color:#000;font-weight:700;padding:3px 6px;border-radius:4px;}
.work-state .work-box .name em {display:inline-block;font-size:14px;font-weight:700;margin-left:8px;}
.work-state .work-box .state {border-radius:4px;background:#fff;margin-top:5px;padding:5px;}
.work-state .work-box .state ul {overflow:hidden;}
.work-state .work-box .state li {float:left;width:calc(100%/3);padding:3px;font-size:14px;color:#000;}
.work-state .work-box .state li span {display:inline-block;width:55px;color:#777;padding-left:8px;position:relative;}
.work-state .work-box .state li span:before {content:"";position:absolute;left:0;top:10px;width:4px;height:4px;background-color:#D9D9D9;border-radius:4px;}
.work-state .work-box.type1 .name span {background:rgba(255, 113, 132, 0.2);}
.work-state .work-box.type2 .name span {background:rgba(89, 175, 255, 0.2);}
.work-state .work-box.type3 .name span {background:rgba(16, 232, 219, 0.2);}
.work-state .work-box.type4 .name span {background:rgba(104, 110, 255, 0.2);}
.work-state .work-box.type1 .name em {color:#FF304C;}
.work-state .work-box.type2 .name em {color:#329CFF;}
.work-state .work-box.type3 .name em {color:#01D2C6;}
.work-state .work-box.type4 .name em {color:#686EFF;}
.work-state .work-box.type1 .state {border:1px solid #FFDCDC;}
.work-state .work-box.type2 .state {border:1px solid #BEE0FF;}
.work-state .work-box.type3 .state {border:1px solid #9DF3ED;}
.work-state .work-box.type4 .state {border:1px solid #C0C2FC;}

.kanban-board {height:100%;padding:20px;}
.kanban-board .col {height:100%;}
.kanban-board .work-box {height:100%;}
.kanban-board .work-box.state1 {background-color:#f5f5f5;}
.kanban-board .work-box.state2 {background-color:#FFF9F1;}
.kanban-board .work-box.state3 {background-color:#F3FDFF;}
.kanban-board .work-box.state4 {background-color:#F9F8FF;}
.kanban-board .work-box.state5 {background-color:#FFF9F9;}
.kanban-board .work-box.state6 {background-color:#FAFAFA;}
.kanban-board .work-box .tit {font-size:15px;font-weight:700;padding:13px 10px 2px 12px;}
.kanban-board .work-box .tit span {display:inline-block;margin-left:5px;font-size:14px;color:#54585A;}
.kanban-board .work-box.state1 .tit {color:#000;}
.kanban-board .work-box.state2 .tit {color:#E98500;}
.kanban-board .work-box.state3 .tit {color:#00BCE1;}
.kanban-board .work-box.state4 .tit {color:#602FFF;}
.kanban-board .work-box.state5 .tit {color:#FF4D4D;}
.kanban-board .work-box.state6 .tit {color:#000;}
.kanban-board .state-wrap {height:calc(100% - 55px);padding:0 10px;overflow:auto;}
.kanban-board .state-wrap::-webkit-scrollbar {width:3px;height:3px;}
.kanban-board .state-box {position:relative;margin-top:8px;padding:10px;border:1px solid #e5e5e5;border-radius:4px;background-color:#fff;}
/*.kanban-board .state-box:first-child {margin-top:0;}*/
.kanban-board .state-box dt {margin:2px 0;font-size:15px;color:#000;}
.kanban-board .state-box dt.type1 {color:#FF9900;}
.kanban-board .state-box dt.type2 {color:#02C8BC;}
.kanban-board .state-box dt.type3 {color:#4425FF;}
.kanban-board .state-box dt.type4 {color:#444;}
.kanban-board .state-box dd {font-size:14px;color:#777;}
.kanban-board .state-box dd.work-name {color:#000;}
.kanban-board .state-box dd.date {overflow:hidden;}
.kanban-board .state-box dd.date .start {float:left;}
.kanban-board .state-box dd.date .end {float:right;}
.kanban-board .state-box .ico {display:inline-block;width:26px;height:26px;position:absolute;right:10px;top:10px;}
.kanban-board .state-box .ico.ico1 {background:url('../images/contents/ico_state1.png') no-repeat 50% 50%;}
.kanban-board .state-box .ico.ico2 {background:url('../images/contents/ico_state2.png') no-repeat 50% 50%;}
.kanban-board .state-box .ico.ico3 {background:url('../images/contents/ico_state3.png') no-repeat 50% 50%;}
.kanban-board .state-box .label {display:inline-block;padding:4px 8px;margin-right:5px;font-size:12px;font-weight:500;color:#fff;line-height:1;text-align:center;white-space:nowrap;border-radius:3px;}
.kanban-board .state-box .label.type0 {background-color:#999; float: right;margin-right:0px;font-size:11px;}
.kanban-board .state-box .label.type1 {background-color:#fe8383;}
.kanban-board .state-box .label.type2 {background-color:#7d9cf1;}
.kanban-board .state-box .label.type3 {background-color:#7cd289;}
.kanban-board .work-box.state1 .state-wrap {padding:0 6px;}
.kanban-board .work-box.state1 .state-box {width:calc(50% - 8px);float:left;margin:8px 4px 0;}
.kanban-board .work-box.state4 .state-wrap {padding:0 6px;}
.kanban-board .work-box.state4 .state-box {width:calc(50% - 8px);float:left;margin:8px 4px 0;}

/* 작업시퀀스 */
#modalWorkFlow .modal-dialog{width: 1260px;}
.work-not-block {height:100%;padding:1px 0;overflow:auto;}
.work-item {position:relative;display:inline-block;min-width:170px;margin:4px 5px;padding:6px;border:1px solid #DEDEDE;border-radius:4px;background-color:#fff;line-height:1.5;}
.work-item .label {display:inline-block;padding:4px 4px;font-size:12px;font-weight:500;color:#fff;line-height:1;text-align:center;white-space:nowrap;border-radius:3px;}
.work-item .label.type1 {background-color:#1FDBD0;}
.work-item .label.type2 {background-color:#BB5EE8;}
.work-item .label.type3 {background-color:#5ECAEC;}
.work-item .label.type4 {background-color:#FF994A;left:46px;}
.work-item .label.type5 {background-color:#8F8F8F;right:-2px;left: initial;position:absolute;top:4px;border-radius:0;padding:5px 5px;}
.work-item .label.type5:before {content:"";position:absolute;top:0;right:-6px;border-width:11px 0 11px 6px;border-style:solid;border-color:transparent #8F8F8F;}
.work-item .late-day {position:absolute;top:-8px;right:6px;display:inline-block;padding:2px 5px;font-size:12px;color:#333;line-height:1;background-color:#fff;border-radius:20px;}
.work-item dt {font-size:15px;font-weight:700;color:#000;transition:all 0.3s;}
.work-item dd {font-size:13px;color:#333;}
.work-item:hover dt {color:var(--main-color);}
.work-item.active {background-color:#2f2f69;}
.work-item.active dt {color:#fff;}
.work-item.active dd {color:#fff;}
.work-item .work-name {display: inline;font-size:13px;font-weight:700;color:#000;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:170px;}
.work-item .partner-name {display: block; width: 100%; text-align: left;font-size: 13px;color: #777;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:170px;}
.work-item .work-info {margin-top:2px;}
.work-item:hover .work-name {color:var(--main-color);}
.work-item.active .work-name {color:#fff;}
.work-item .btn-del {position:absolute;top:6px;right:9px;width:21px;height:21px;background:#fff;font-size:21px;color:#2f2f69;opacity:0;border-radius:20px;border:1px solid #2f2f69;transition:all 0.3s;overflow:hidden;}
.work-item .btn-del span {display:inline-block;text-indent:-999px;overflow:hidden;}
.work-item .btn-del:hover {background:#000;color:#fff;}
.work-item .btn-del i {width:20px;height:20px;position:absolute;top:-3px;left:-1px;line-height:1.2;}
.work-item:hover .btn-del {opacity:1;}
.work-item .btn-addup {position:absolute;top:0;right:9px;width:21px;height:21px;background:#fff;font-size:21px;color:#2f2f69;opacity:0;border-radius:20px;border:1px solid #2f2f69;transition:all 0.3s;overflow:hidden;}
.work-item .btn-addup span {display:inline-block;text-indent:-999px;overflow:hidden;}
.work-item .btn-addup:hover {background:#000;color:#fff;}
.work-item .btn-addup i {width:20px;height:20px;position:absolute;top:-3px;left:-1px;}
.work-item:hover .btn-addup {top:-10px;opacity:1;}
.work-item button.btn_partner {display: block; width: 100%; text-align: left;padding:0 5px;}

.block-item.finish .work-item {background-color:#f7f7f7;}
.block-item.finish .date {color:#B4B4B4;font-size:12px;padding-left:21px;background:url('../images/contents/ico_cal_finish.png') no-repeat 0 50%;}
.work-item + .date {margin:-7px 5px;}
.block-item.finish .work-item .label {background-color:#c7c7c7;color:#fff;}
.block-item.finish .work-item .label.type5:before {border-color:transparent #c7c7c7;}
.block-item.finish .work-item .work-name {color: #898888;}
.block-item.finish .work-item .company-nm {color: #898888;}
.block-item.required .work-item .label.type5 {background-color:#7686b3;}
.block-item.required .work-item .label.type5:before {border-color:transparent #7686b3;}

.slick-track {margin:0;}
.work-process {height:100%;position:relative;}
.work-process .process-slider {display:flex;}
.work-process li {position:relative;width:240px;margin:0 20px;padding:5px 5px 5px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:10px;flex:none;}
.work-process li .top {height:290px;background:#d6dff7;border-radius:5px;overflow:auto;margin-top:5px;}
.work-process li .bottom {height:188px;background:#e1e1e1;border-radius:5px;overflow:auto;margin-top:5px;}
.work-process li .top.active {background:#7d90c4;}
.work-process li .bottom.active {background:#7a7c80;}
.work-process li.active {border:1px solid #2f2f69;}
.work-process li:after {content:"";display:inline-block;position:absolute;top:60px;right:-32px;width:24px;height:20px;background:url('../images/contents/ico_next_step.png') no-repeat 50% 50%;z-index:1;}
.work-process li:last-child:after {display:none;}
.work-process li.active .num {background-color:#2f2f69;}
.work-process li .num {display:block;padding:6px 10px;font-size:15px;color:#fff;line-height:1;text-align:left;white-space:nowrap;border-radius:3px;background-color:#74749f;}
.work-process li .num span {font-size:12px;margin-left:10px;}
.work-process .work-item {display:block;margin:5px 5px 6px;}
.work-process .slick-arrow {position:absolute;top:50%;transform:translateY(-50%);width:30px;height:50px;text-indent:-999px;overflow:hidden;opacity:0.6;z-index:1;transition:all 0.3s;}
.work-process .slick-arrow:hover {opacity:1;}
.work-process .slick-prev {left:-35px;background:url('../images/contents/ico_prev.png') no-repeat 50% 50%;}
.work-process .slick-next {right:-35px;background:url('../images/contents/ico_next.png') no-repeat 50% 50%;}
.work-process .slick-dots {text-align:center;margin-top:20px;}
.work-process .slick-dots li {display:inline-block;}
.work-process .slick-dots li button {width:36px;height:14px;margin:5px;border:1px solid #e9e9e9;text-indent:-9999px;overflow:hidden;border-radius:16px;}
.work-process .slick-dots li.slick-active button {border:1px solid #2f2f69;background:#2f2f69;color:#fff;}
.nav-work .nav-link {padding:5px 20px;margin:0 2px;font-size:15px;font-weight:500;color:#777;border:2px solid #eee;border-radius:5px;}
.nav-work .nav-link:hover {color:#000;font-weight:700;border:2px solid var(--main-color);}
.nav-work .nav-item.show .nav-link, .nav-work .nav-link.active {color:#000;font-weight:700;border:2px solid var(--main-color);}

/* tui-grid */
.tui-grid-container {font-size:13px; font-weight:300; border:1px solid #eee;border-top:1px solid #262626;}
.tui-grid-table th.tui-grid-cell-row-header {background-color:#f9f9f9;}
.tui-grid-table .tui-grid-cell {border-bottom-width:1px;border-left-width:1px;border-right-width:1px;}
.tui-grid-cell-has-input .tui-grid-cell-content {padding:3px 10px;}
.tui-grid-table-container {border-right:1px solid #eee;}
.tui-grid-cell-header{white-space:pre !important;}
.grid-modified {background-color:#eef8f9 !important;}
.tui-grid-layer-selection {background-color:#386d88 !important;border-color:#3d94c0 !important;}
.tui-grid-row-header-checkbox {padding: 3px 5px;}
.tui-grid-cell-header.tui-grid-cell-selected {background-color:#e4effc !important;}
.tui-grid-cell-row-header.tui-grid-cell-selected {background-color:#e4effc !important;}
.tui-grid-cell-required {background-color:#fff7ec !important;}
.tui-pagination .tui-is-selected, .tui-pagination strong {background:var(--main-color);border-color:var(--main-color);border-radius:4px;}
.tui-pagination .tui-page-btn {font-size:15px;border:0;width:32px;padding:7px 0 9px;margin:0 2px;}
.tui-pagination .tui-first-child.tui-is-selected {border:0;}
.tui-pagination .tui-last-child.tui-is-selected {border:0;}
.tui-pagination .tui-first, .tui-pagination .tui-last, .tui-pagination .tui-next, .tui-pagination .tui-next-is-ellip, .tui-pagination .tui-prev, .tui-pagination .tui-prev-is-ellip {height:30px;}
.tui-pagination .tui-is-selected:hover {background-color:var(--main-color);}
/*.tui-grid-container ::-webkit-scrollbar {width:8px;height:8px;}*/
/*.tui-grid-container ::-webkit-scrollbar-thumb {border:0;background:#ccc !important;}*/
/*.tui-grid-rside-area .tui-grid-header-area, .tui-grid-rside-area .tui-grid-summary-area {margin-right:9px;}*/
/*.tui-grid-scrollbar-right-top {width:8px;}*/
/*.tui-grid-scrollbar-y-inner-border {right:9px;}*/
.tui-grid-table input.input-color {width:30px; height:18px; border: none; border-radius: 0.2rem; }
.tui-grid-container .tuiGridEditable {background: #fffff3;}
.tui-grid-container .tuiGridUpdated  {background: antiquewhite;}
.tui-grid-container .grid-modified {background: rgb(255, 247, 225) !important;}
.tui-grid-btn-filter {display: none;}
.tui-grid-layer-editing {padding:0}
.tui-datepicker {z-index: 100;}
.tui-datepicker-input>input {height:28px; padding: 2px 27px 3px 8px; margin:0; font-size:13px;}
.tui-datetime-input {width:105px; height:auto; border:none; border: 1px solid #dcdcdc; vertical-align: middle;} /* 좌우 오브젝트랑 높이 조절을 위해 height, border 옵션 추가 */
.wide-date .tui-datetime-input {width:100%;}
.tui-datepicker-input.tui-has-focus {border: 1px solid #dcdcdc;}
.tui-datepicker-input > input[disabled] {text-decoration: none;}
.tui-grid-container input.color-renderer  {width:50px;}
.tui-grid-cell-disabled {text-decoration: line-through !important; opacity: 0.6 !important;background: #fdfdfd !important;}
.tui-grid-cell-current-row td {background: #f2f8ff !important;}
.tui-grid-cell-summary{text-align: right;background: #eefcff !important; padding: 0 10px; vertical-align: bottom;}
.tui-grid-cell-content span.badge.new{ position: absolute; background-color: #ffc107; color: white; border-radius: 12px; font-size: 12px; font-weight: bold; display: inline-block; text-transform: uppercase;    vertical-align: top; height: 8px; line-height: 8px; padding: 5px 10px; }

/* login */
.login-wrap {height:100%;padding-left:780px;}
.login-wrap .login-box {position:absolute;left:0;top:0;width:780px;height:100%;background-color:#fff;text-align:center;display:flex;flex-direction:column;}
.login-wrap .inner-box {width:310px;margin:0 auto;}
.login-wrap .login-box h1 {margin-top:180px; font-size: 30px; line-height: 50px;}
.login-wrap .login-box h1 img {width:200px;}
.login-wrap .login-input {margin-top:100px;text-align:left;}
.login-wrap .login-input li {margin-top:16px;}
.login-wrap .login-input p {margin-bottom:8px;}
.login-wrap input[type=text],.login-wrap input[type=password] {width:100%;height:50px;padding-left:10px;margin:0 0 4px;font-size:14px;box-shadow:none;border:1px solid #E6E6E6;border-radius:4px;}
.login-wrap input[type=checkbox] {width:20px;height:20px;border:1px solid #DEDEDE;box-shadow:none;border-radius:20px;background:#fff url(../images/contents/ico_check_off.png) no-repeat 50% 50%;}
.login-wrap input[type=checkbox]:checked {border-color:var(--main-color);background:var(--main-color) url(../images/contents/ico_check.png) no-repeat 50% 50%;}
.login-wrap .auto-login {margin-top:15px;text-align:left;color:#54585A;}
.login-wrap .login-btn {margin-top:45px;}
.login-wrap .btn-login {display:block;width:100%;height:50px;line-height:50px;font-size:16px;color:#fff;font-weight:700;text-align:center;background: var(--main-color);border-radius:50px;}
.login-wrap .btn-login:hover {background: var(--main-hover-color);}
.login-wrap .idpw-search {margin-top:30px;}
.login-wrap .idpw-search a:before {content:'';display:inline-block;width:1px;height:14px;margin:0 11px 3px 8px;background:#E1E1E1;vertical-align:middle;}
.login-wrap .idpw-search a:first-child:before {display:none;}
.login-wrap .login-private {margin-top:8px;}
.login-wrap .login-private a {color:#919191;border-bottom:1px solid #919191;}
.login-wrap .partner-member {flex-grow:1;justify-content:center;display:flex;align-items:end;margin:85px 0;}
.login-wrap .login-slider-wrap {width:100%;height:100%;}
.login-wrap .login-slider,.login-wrap .slick-list,.login-wrap .slick-track {height:100%;}
.login-wrap .login-slider li.li01 {background:url('../images/login/login_visual1.jpg') no-repeat 50% 0;background-size:cover; height:100%;}
.login-wrap .login-slider li.li02 {background:url('../images/login/login_visual2.jpg') no-repeat 50% 0;background-size:cover; height:100%;}
.login-wrap .login-slider li.li03 {background:url('../images/login/login_visual3.jpg') no-repeat 50% 0;background-size:cover; height:100%;}
.login-wrap .login-slider li .txt-wrap {display:flex;justify-content:center;width:100%;flex-direction:column;align-items:center;height:100%;}
.login-wrap .login-slider li .txt-wrap .txt1 {font-size:38px;line-height:48px;font-weight:700;color:#fff;margin-top:10px;}
.login-wrap .login-slider li .txt-wrap .txt2 {font-size:25px;line-height:31px;font-weight:700;color:#fff;margin-top:8px;}
.login-wrap .login-slider li.slick-active .logo {animation-name:fadeInUp;animation-delay:0.5s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.login-wrap .login-slider li.slick-active .txt1 {animation-name:fadeInUp;animation-delay:0.8s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.login-wrap .login-slider li.slick-active .txt2 {animation-name:fadeInUp;animation-delay:1.1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.login-wrap .login-slider .slick-arrow {position:absolute;bottom:50px;width:60px;height:60px;z-index:1;text-indent:-999px;overflow:hidden;}
.login-wrap .login-slider .slick-prev {right:110px;background:#333 url('../images/login/ico_prev.png') no-repeat 50% 50%;}
.login-wrap .login-slider .slick-next {right:50px;background:#333 url('../images/login/ico_next.png') no-repeat 50% 50%;}
.login-wrap .login-slider .slick-dots {position:absolute;left:50px;bottom:50px;}
.login-wrap .login-slider .slick-dots li {float:left;margin:0 10px;color:#fff;font-size:18px;}
.login-wrap .login-slider .slick-dots li.slick-active {color:#dc0022;}
.login-wrap .login-slider .slick-dots li i {font-style:normal;cursor:pointer;}
@keyframes fadeInUp {
  0% {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
  100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}

/* login-modal */
#cmmModalLogin .modal-content {height:100%;}
#cmmModalLogin .modal-cont {height:100%; padding: 10px 20px 30px 20px;}
#cmmModalLogin .modal-cont .login-box {left:0;top:0;height:100%;background-color:#fff;text-align:center;display:flex;flex-direction:column;}
#cmmModalLogin .modal-cont .inner-box {width:240px;margin:0 auto;}
#cmmModalLogin .modal-cont .login-box h4:first {margin-top:120px;}
#cmmModalLogin .modal-cont .login-box p.login-noti {font-size: 20px; margin-top:40px; line-height: 26px;}
#cmmModalLogin .modal-cont .login-input {margin-top:40px;text-align:left;}
#cmmModalLogin .modal-cont .login-input li {margin-top:16px;}
#cmmModalLogin .modal-cont .login-input p {margin-bottom:8px;}
#cmmModalLogin .modal-cont input[type=text], #cmmModalLogin .modal-cont input[type=password] {width:100%;height:50px;padding-left:10px;margin:0 0 4px;font-size:14px;box-shadow:none;border:1px solid #E6E6E6;border-radius:4px;}
#cmmModalLogin .modal-cont input[type=checkbox] {width:20px;height:20px;border:1px solid #DEDEDE;box-shadow:none;border-radius:20px;background:#fff url(../images/contents/ico_check_off.png) no-repeat 50% 50%;}
#cmmModalLogin .modal-cont input[type=checkbox]:checked {border-color:var(--main-color);background:var(--main-color) url(../images/contents/ico_check.png) no-repeat 50% 50%;}
#cmmModalLogin .modal-cont .auto-login {margin-top:15px;text-align:left;color:#54585A;}
#cmmModalLogin .modal-cont .login-btn {margin-top:45px;}
#cmmModalLogin .modal-cont .btn-login {display:block;width:100%;height:50px;line-height:50px;font-size:16px;color:#fff;font-weight:700;text-align:center;background:var(--main-color);border-radius:50px;}
#cmmModalLogin .modal-cont .idpw-search {margin-top:30px;}
#cmmModalLogin .modal-cont .idpw-search a:before {content:'';display:inline-block;width:1px;height:14px;margin:0 11px 3px 8px;background:#E1E1E1;vertical-align:middle;}
#cmmModalLogin .modal-cont .idpw-search a:first-child:before {display:none;}
#cmmModalLogin .modal-cont .login-private {margin-top:8px;}
#cmmModalLogin .modal-cont .login-private a {color:#919191;border-bottom:1px solid #919191;}
#cmmModalLogin .modal-cont .partner-member {flex-grow:1;justify-content:center;display:flex;align-items:end;margin:85px 0;}

/* member */
#content.member {padding:0;margin:0;}
.membership-header {display:flex;align-items:center;height:80px;padding-left:32px;border-bottom:1px solid #e6e6e6;background-color:#fff;}
.membership-header a img {height:30px;}
.membership {background-color:#fff;}
 /*height: calc(100vh - 95px);*/
.essential {width:50px;height:20px;line-height:20px;margin-top:10px;font-size:14px;color:#fff;background:var(--main-color);text-align:center;border-radius:30px;}
.essential:before {content:'';display:inline-block;width:5px;height:5px;margin:0 4px 2px 0;background:#fff;vertical-align:middle;border-radius:5px;}
.alert-desc {font-size:11px;font-weight:500;color:var(--main-color);}
input[type=radio].rad-member {width:20px;height:20px;border-radius:20px;border-color:#e6e6e6;background:#fff url('../images/login/ico_radio.png') no-repeat 50% 50%;margin-right:10px;}
input[type=radio].rad-member:checked {border-color:var(--main-color);background:var(--main-color) url('../images/login/ico_radio_on.png') no-repeat 50% 50%;}
.membership .inner-box {width:1060px;margin:15px auto 0 auto;padding:80px 0;display:flex;}
.membership .member-tit h2 {width:250px;flex:none;font-size:28px;line-height:40px;font-weight:700;color:#000;}
.membership .member-input {width:100%;}
.membership .member-input li {display:flex;}
.membership .member-input li dl {width:100%;margin:0 10px;}
.membership .member-input li.type2 {padding-top:40px;}
.membership .member-input li.type2 dl {padding:15px;border:1px solid #E6E6E6;border-radius:8px;}
.membership .member-input li.type2 dt {margin-top:0;margin-bottom:8px;}
.membership .member-input li.type2 dt label {font-size:16px;font-weight:500;color:#000;}
.membership .member-input li.type2 dd {font-size:14px;color:#777;padding-left:30px;}
.membership .member-input dt {margin-top:40px;font-size:16px;font-weight:500;color:#000;}
.membership .member-input li:first-child dt {margin-top:10px;}
.membership .member-input dd {position:relative;}
.membership .member-input dd .time {position: absolute; right: 70px; top: 18px; width:min-content;}
.membership .member-input .form-keyword {height:50px;font-size:14px;border:0;border-bottom:1px solid #E6E6E6;box-shadow:none;padding:0;border-radius: 0;}
.membership .member-input .form-keyword.error {border-bottom:1px solid #ea3d3d;}
.membership .member-input input[required], .membership .member-input textarea[required], .membership .member-input select[required] {background-color: #FFF;}
.membership .member-input .btn-id-confirm {width:62px;height:30px;border:1px solid #7A7A7A;border-radius:3px;background-color:#fff;color:#7A7A7A;font-weight:500;transition:all 0.3s;position:absolute;right:0;top:12px;}
.membership .member-input .btn-id-confirm:hover {background-color:#7A7A7A;color:#fff;}
.membership .member-input .btn-certify {width:62px;height:30px;border:1px solid var(--main-color);border-radius:3px;background-color:#fff;color:var(--main-color);font-weight:500;transition:all 0.3s;position:absolute;right:0;top:12px;}
.membership .member-input .btn-certify:hover {background-color:var(--main-color);color:#fff;}
.membership .member-input .btn-confirm {width:62px;height:30px;border:1px solid #7A7A7A;border-radius:3px;background-color:#fff;color:#7A7A7A;font-weight:500;transition:all 0.3s;position:absolute;right:0;top:12px;}
.membership .member-input .btn-confirm:hover {background-color:#7A7A7A;color:#fff;}
.membership .member-input .btn-inquiry {position:absolute;right:0;top:16px;width:24px;height:24px;border:0;text-indent:-999px;overflow:hidden;background:url('../images/login/ico_search.png') no-repeat 50% 50%;}
.membership-agree {margin-top:15px;background-color:#fff;}
.membership-agree .inner-box {width:1060px;margin:0 auto;padding:70px 0;display:flex;}
.membership-agree .member-tit h2 {width:250px;flex:none;font-size:28px;line-height:40px;font-weight:700;color:#000;}
.membership-agree .agree-wrap {width:100%;}
.membership-agree .agree-wrap h3:first-child {margin-top:0;}
.membership-agree .agree-wrap .policy-box {height:380px;padding:15px 20px;border:1px solid #E1E1E1;border-radius:4px;overflow:auto;}
.membership-agree .agree-wrap .check-agree {margin-top:10px;}
.membership-agree .agree-wrap .check-all {margin-top:40px;}
.membership-agree .agree-wrap input[type=checkbox]:checked {border-color:var(--main-color);background:var(--main-color) url('../images/contents/ico_check.png') no-repeat 50% 50%;}
.membership-agree .agree-wrap h2 {margin:20px 0 5px 0; font-size: 17px;font-weight:600;}
.membership-agree .agree-wrap h3 {margin:10px 0 5px;font-size:15px;font-weight:500;color:#000;}

.member-btn {margin-top:50px;text-align:center;}
.member-btn .btn-complete {width:200px;height:50px;background:var(--main-color);border-radius:30px;color:#fff;font-weight:700;font-size:16px;transition:all 0.3s;}
.member-btn .btn-complete:hover {background: var(--main-hover-color);}
.member-btn .btn-dark1 {margin-left:15px; line-height:50px; display:inline-block;vertical-align: middle; width:200px; height:50px;color:#fff;border-radius:30px;background-color:#484848;font-weight:700;font-size:16px;transition:all 0.3s;}
.member-btn .btn-dark1:hover {background: var(--main-hover-color);}

.modal.member .modal-dialog {width:420px;}
.modal.member .member-search .form-keyword {height:50px;padding-left:40px;border:1px solid #E6E6E6;border-radius:4px;background:url('../images/login/ico_search.png') no-repeat 15px 50%;}
.modal.member .member-select {margin-top:10px;height:282px;overflow:auto;}
.modal.member .member-select li {border-bottom:1px solid #E1E1E1;}
.modal.member .member-select a {padding:12px 10px;display:block;font-size:14px;color:#000;transition:all 0.3s;}
.modal.member .member-select a:hover {background-color:#f5f5f5;color:var(--main-color);}
.modal.member .member-select li.active a {background:#f5f5f5 url('../images/login/ico_checked.png') no-repeat right 5px top 50%;}

/* 사진등록 */
.photo-list {margin:0 -4px;}
.photo-list li {padding:4px; display: inline-block;}
.photo-list .photo-register {width:88px;height:88px;border-radius:8px;border:1px solid #ddd;background:#f5f5f5;transition:all 0.3s;}
.photo-list a.photo-register {display: inline-block;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.photo-list .photo-register .bi-camera::before {font-size:26px;color:#888;transition:all 0.3s;}
.photo-list .photo-register:hover {border:1px solid #1E1E2D;background:#1E1E2D;}
.photo-list .photo-register:hover .bi-camera::before {color:#fff;}
.photo-list .thumb-box {width:88px;height:88px;position:relative;}
.photo-list .thumb-box img {width:100%;height:100%;border-radius:8px;object-fit:cover; border: 1px solid #dcdcdc;}
.photo-list .thumb-box .rotate {position:absolute;bottom:2px;left:2px;background:#333;width:20px;height:20px;border-radius:20px;}
.photo-list .thumb-box .bi-arrow-clockwise::before {color:#fff;}
.photo-list .thumb-box .delete {position:absolute;top:-5px;right:-5px;background:#f5f5f5;width:20px;height:20px;border:1px solid #ddd;border-radius:20px;}
.photo-list .thumb-box .bi-x::before {font-size:18px;}
.photo-list .thumb-box .position {position: absolute;width: 36px;height: 36px;z-index: 1;background: url('/assets/images/common/ico_location.png');top: calc(50% - 18px); right: calc(50% - 18px);background-size:36px 36px;}
.photo-list .thumb-box .bi-crosshair::before {font-size:18px;}
.request-photo {padding:15px 10px;}

.no-pad {padding:0 !important;}
.work-request {display:flex;flex-direction:column;height:100%;}
.work-request .request-tit {position:relative;cursor:pointer;border-bottom:1px solid #e2e2e2;background:#f3efe5;}
.work-request .request-tit .tit {padding:13px 30px 12px 10px;font-size:15px;font-weight:700;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.work-request .request-tit .bi-chevron-down {position:absolute;top:13px;right:10px;}
.work-request .request-tit.active .bi-chevron-down {transform:rotate(180deg);}
.work-request .request-location {padding:0;border:none;max-height: 500px; text-align: center;}
.work-request .request-location img {width:100%; max-height:400px;}
.work-request .request-location .locationDetail {display: block; padding: 0 10px;}
.work-request .request-view {position:absolute;top:47px;left:0;padding:10px 15px;background:#f5f5f5;display:none;z-index:1;border:1px solid #e2e2e2;}
.work-request .request-view .thumb {width:260px;margin:20px auto 10px;}
.work-request .request-view .thumb img {width:100%;}
.work-request .request-list {overflow:auto; border-top: 10px solid #efefef;}
.work-request .request-list .list-box {position:relative;padding:15px 10px;border-bottom:1px solid #e2e2e2;}
.work-request .request-list .list-box dt {margin-bottom:10px;padding-right:65px; font-size: 14px;}
.work-request .request-list .list-box dt .date {font-weight: 400; font-size: 13px; display: block; color:#888;}
.work-request .request-list .list-box .btns {position:absolute;top:12px;right:12px;}
.work-request .request-list .list-box .btns .btn {font-size:12px;padding:0 5px}
.work-request .request-list .request-slider {margin:10px 0 0;}
.work-request .request-list .request-slider li {padding:4px;}
.work-request .request-list .request-slider li .thumb {width:3.5vw;height:3.5vw;}
.work-request .request-list .request-slider li .thumb img {width:100%;height:100%;border-radius:8px;object-fit:cover;}
.work-request .request-list .request-slider .slick-dots {text-align:center;}
.work-request .request-list .request-slider .slick-dots li {display:inline-block;padding:0;}
.work-request .request-list .request-slider .slick-dots li button {width:8px;height:8px;margin:0 3px;border:1px solid #e9e9e9;text-indent:-9999px;overflow:hidden;border-radius:8px;transition:all 0.3s;background:#ddd}
.work-request .request-list .request-slider .slick-dots li.slick-active button {width:15px;border:1px solid #2f2f69;background:#2f2f69;color:#fff;}
.work-request .request-bottom {display:flex;flex-grow:1;align-items:end;}
.work-request .request-bottom .input-group {padding:10px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;flex-wrap:inherit;}
.work-request .request-bottom .input-group input {border-radius:3px;}
.work-request .request-bottom .input-group textarea {border-radius:3px;height:56px;}
.work-request .request-bottom .photo-register {width:45px;height:56px;border:1px solid #dcdcdc;border-radius:3px;margin-left:0 !important;flex:none;}
.work-request .request-bottom .photo-register i {font-size:16px;}
.work-request .request-bottom .enter-register {width:45px;height:56px;border:1px solid #dcdcdc;border-left:0;border-radius:3px;margin-left:0 !important;flex:none;}
.work-request .request-bottom .enter-register i {font-size:16px;}
.work-request .request-bottom form {width:100%;}
.work-request #cpNoImgView {height: 100px; width: 100%; text-align: center; margin-top:25%;}


@media only all and (max-width:1900px) {
    .work-request .request-list .request-slider li .thumb {width:3.1vw;height:3.1vw;}
}
@media only all and (max-width:1600px) {
    .work-request .request-list .request-slider li .thumb {width:50px;height:50px;}
}

.work-request .request-list .list-box .more-menu {position:absolute;top:12px;right:12px;display: inline-block;}
.more-menu .ico {width:24px;height:24px;line-height:26px;display:inline-block;text-align:center;cursor:pointer;}
.more-menu .ico .bi-three-dots::before {font-size:18px;}
.more-menu:hover .more-list {display:block;}
.more-list {display:none;position:absolute;right:0;top:20px;background:#fff;border:1px solid #e8e8e8;box-shadow:1px 1px 15px 0px rgba(141, 141, 141, 0.25); z-index: 999;}
.more-list li {min-width:70px;height:30px;line-height:29px;color:#666;text-align:center;border-bottom:1px solid #e8e8e8;}
.more-list li:last-child {border-bottom:0;}
.more-list li button,.more-list li a {display:block;width:100%;height:100%;font-size:13px;background:#fff;padding:0 10px;}
.more-list li button:hover,.more-list li a:hover {background:#f5f5f5;}

/*  공정 관리 */
.progress-panel {position:absolute;right:-360px;top:0;width:360px;height:100%;z-index:101;background:#fff;border-left:1px solid #ddd;transition:all 0.3s;display:none;flex-direction:column;}
.progress-panel.active {right:0;display:flex;}
.progress-panel-dim {position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0);display:none;}
.progress-panel-dim.active {display:block;}
.progress-panel .panel-tit {padding:15px 15px 10px 15px; border-bottom:1px solid #666;background:#efefff}
.progress-panel .panel-tit .tit {font-size:24px;color:#000;font-weight:700;}
.progress-panel .panel-tit .btn {padding:3px 15px;}
.progress-panel .panel-tit a {font-size:13px; color:#444;font-weight:400; border: 1px solid #ccc; padding:2px 3px; vertical-align: bottom; border-radius: 4px;}

.progress-panel .panel-header {padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;}
.progress-panel .panel-header .all-step {position:relative;background:#fff;padding-right:20px;font-size:13px;}
.progress-panel .panel-header .all-step:after {content:'';position:absolute;right:0;top:7px;display:inline-block;width:14px;height:9px;background:url('../images/contents/list_arrow_black.png') no-repeat 50% 50%;transition:all 0.3s;}
.progress-panel .panel-header .all-step.on:after {transform:rotate(180deg);}
.progress-panel .block-rate {display:flex;align-items:center;}
.progress-panel .list-toggle {overflow:auto;}
.progress-panel .list-toggle > li {position:relative;border-bottom:1px solid #666;background:#fff;}
.progress-panel .list-toggle > li:last-child {border-bottom:0;}
.progress-panel .list-toggle > li.on {border-bottom:1px solid #fff;}
.progress-panel .list-toggle > li > .tit-wrap > .tit {position:relative;padding:6px 20px;font-size:16px;color:#fff;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;background:#877669;transition:all 0.3s;}
.progress-panel .list-toggle > li > .tit-wrap > .tit:hover {background:#756456;}
.progress-panel .list-toggle > li > .tit-wrap > .tit:after {content:'';position:absolute;right:20px;top:14px;display:inline-block;width:14px;height:9px;background:url('../images/contents/list_arrow.png') no-repeat 50% 50%;transition:all 0.3s;}
.progress-panel .list-toggle > li > .tit-wrap > .tit span {display:inline-block;font-size:13px;font-weight:400;padding-left:15px;}
.progress-panel .list-toggle > li.on > .tit-wrap > .tit {background:#2f2f69;}
.progress-panel .list-toggle > li.on > .tit-wrap > .tit:after {transform:rotate(180deg);}
.progress-panel .list-toggle > li > .cont {display:none;padding:8px 10px 0 10px;background:#fff;}
.progress-panel .list-toggle .work-flow-item {width:100%; position: relative; display: block; margin: 10px 5px; margin:20px 0; padding: 15px 10px 10px 10px; border: 1px solid #cacaca; border-radius: 5px; background-color: #fff;}
.progress-panel .list-toggle .work-flow-item .label {display:inline-block;padding:4px 6px;font-size:12px;font-weight:500;color:#fff;line-height:1;text-align:center;white-space:nowrap;border-radius:3px;position:absolute;top:-10px;left:9px;}
.progress-panel .list-toggle .work-flow-item .label.type1 {background-color:#fe8383;}
.progress-panel .list-toggle .work-flow-item .label.type2 {background-color:#7d9cf1;}
.progress-panel .list-toggle .work-flow-item .label.type3 {background-color:#7cd289;}
.progress-panel .list-toggle .work-flow-item .label.type4 {background-color:#feb883;left:46px;}
.progress-panel .list-toggle .work-flow-item .work-call {position:absolute;top:-10px;right:6px;display:inline-block;padding:2px 5px;font-size:13px;color:#333;line-height:1;background-color:#fff;border-radius:20px;}
.progress-panel .list-toggle .work-flow-item .work-call .bi-exclamation-circle::before {color:var(--main-color);position:relative;top:1px;}
.progress-panel .list-toggle .work-flow-item .work-call em {margin-left:-7px;position:relative;top:-6px;display:inline-block;min-width:14px;height:14px;line-height:14px;text-align:center;font-size:10px;color:#fff;background:var(--main-color);border-radius:14px;}
.progress-panel .list-toggle .work-flow-item .state-btn-group {position:absolute;top:16px;right:10px;}
.progress-panel .list-toggle .work-flow-item .state-btn-group button {width:24px;height:24px;background:#f1f1f1;border-radius:3px;}
.progress-panel .list-toggle .work-flow-item .state-btn-group button i::before {color:#999;vertical-align:middle;position:relative;top:-1px;}
.progress-panel .list-toggle .work-flow-item .state-btn-group button .bi-pause::before {font-size:20px;}
.progress-panel .list-toggle .work-flow-item .state-btn-group button .bi-play-fill::before {font-size:17px;}
.progress-panel .list-toggle .work-flow-item .state-btn-group button .bi-stop-fill::before {font-size:17px;}
.progress-panel .list-toggle .work-flow-item .state-btn-group .pause.active {background:#999;}
.progress-panel .list-toggle .work-flow-item .state-btn-group .play.active {background:#90efeb;}
.progress-panel .list-toggle .work-flow-item .state-btn-group .stop.active {background:#52b6df;}
.progress-panel .list-toggle .work-flow-item .state-btn-group button.active i::before {color:#fff;}
.progress-panel .list-toggle .work-flow-item dt {margin-bottom:5px;}
.progress-panel .list-toggle .work-flow-item dd.work-option {background:none;}
.progress-panel .list-toggle .work-flow-item dd.work-team {position:relative;padding-right:110px;}
.progress-panel .list-toggle .work-flow-item dd.work-team span {position:absolute;top:0;right:5px;}
.progress-panel .work-flow-item.required {background-color: #f5f8ff;}
.progress-close {position:absolute;right:10px;top:10px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}

/* 호 선택 */
.set-ho-panel {position:absolute;top:-100px;height:50px;z-index:100;transition:all 0.5s;display:flex; justify-content: center;width: calc(100% - 230px);}
.set-ho-panel.active {top:0;background-color: #FFF7F4; border-bottom: 1px solid #cfcfcf;}
body.lnb-open .set-ho-panel.active {width: calc(100% - 64px);}
.set-ho-panel .set-ho-info {text-align: center; padding:10px;}
.set-ho-panel .set-ho-info button{margin-left:2px;}
.set-ho-panel .set-ho-info span {font-size: 14px; vertical-align: middle;}
.set-ho-panel .set-ho-info span ~ input {margin-left:10px;}
.set-ho-panel .date{display: inline-block; margin-left:10px;}
.set-ho-panel-dim {position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0);display:none;}
.set-ho-panel-dim.active {display:block;}
.set-ho-close {position:absolute;right:15px;top:10px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}

.panel-ho-floor-info {position:absolute;top:-100px;height:50px;z-index:100;transition:all 0.5s;flex-direction:column;display:grid; grid-template-columns: 1fr 2fr 1fr; width:calc(100% - 230px);}
.panel-ho-floor-info.active {top:0;background-color: #EEF5FC; border-bottom: 1px solid #cfcfcf;}
.panel-ho-floor-info .tit{padding:7px 15px;}
.panel-ho-floor-info .tit .icon {font-size:22px;}
.panel-ho-floor-info .tit .type {font-size:22px;color:#000;font-weight:600;}
.panel-ho-floor-info .tit .dong-ho-floor{font-size:18px;color:#000;font-weight:400;margin-right:5px;}
.panel-ho-floor-info .tit .divide-line {display: inline-block;width: 1px;height: 16px;margin: 0 8px;background: #666;}
.panel-ho-floor-info .block-btn {text-align: center; padding:7px 5px;margin:0;}
.panel-ho-floor-info .block-btn a.link {font-size:16px;}
.panel-ho-floor-info .block-btn a.link.on {text-decoration : underline; text-underline-position : under;}
.panel-ho-floor-info .block-btn .badge {min-width:20px; height:20px; border-radius: 10px; background-color:var(--main-color); text-align: center; font-size: 11px; transform: translate(0%,-15%)!important;position: relative;top:2px;}
.panel-ho-floor-info .block-btn a.link_add {font-size:20px; transform: translate(0%,8%)!important; display: inline-block;margin-right:20px;}
.panel-ho-floor-info .btn-close {position:absolute;right:15px;top:5px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}
.panel-ho-floor-info-dim {position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0);display:none;}
.panel-ho-floor-info-dim.active {display:block;}

/* 공정관리 > 상단 panel > 상세 공정 모달*/
#modalDlWorkFlowDetail .block-wrap {overflow-y: scroll; height:100%;}
#modalDlWorkFlowDetail .block-item {display: inline-block;min-width:150px;min-height:71px;padding-right:13px; vertical-align: top; margin-bottom:15px;}
#modalDlWorkFlowDetail .block-item:last-child {background-image:none;padding-right:0;}

/* 공정관리 > 우측 panel > 알림 등록 판넬 */
.panel-info-form {position:absolute;right:-360px;top:0;width:360px;height:100%;z-index:101;background:#fff;border-left:1px solid #ddd;transition:all 0.3s;display:none;flex-direction:column;}
.panel-info-form.active {right:0;display:flex;}
.panel-info-form-dim {position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.15);display:none;}
.panel-info-form-dim.active {display:block;}
.panel-info-form .btn-close {position:absolute;right:10px;top:10px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}

/* 공정관리 > 우측 panel > 작업지시 등록 판넬 */
.panel-todo-form {position:absolute;right:-320px;top:0;width:320px;height:100%;z-index:101;background:#fff;border-left:1px solid #ddd;transition:all 0.3s;display:none;flex-direction:column;}
.panel-todo-form.active {right:0;display:flex;}
.panel-todo-form-dim {position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.15);display:none;}
.panel-todo-form-dim.active {display:block;}
.panel-todo-form .btn-close {position:absolute;right:10px;top:10px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}

/* steps */
.steps .step {min-height:60px;}
.steps{width:100%;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;
    -webkit-box-align: stretch;align-items:stretch;border:1px solid #d8d8d8;background:#fff;}
.steps .step {position:relative;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 0 auto;flex-wrap:wrap;-webkit-box-orient:horizontal;    -webkit-box-direction:normal;flex-direction:row;vertical-align:middle;-webkit-box-align:center;align-items:center;-webkit-box-pack: center;justify-content:left;padding:12px 0 12px 25px;background:#fff;border-right:1px solid #d8d8d8;font-size:13px; line-height:17px;}
.steps .step strong {font-size:15px;}
.steps .step:last-child {border-right:0;}
.steps .step:last-child:after {display:none;}
.steps .step:after {display:block;position:absolute;z-index:2;content:'';top:50%;right:0;border:medium none;background-color:#fff;width:1.14285714em;height: 1.14285714em;border-style:solid;border-color:rgba(34,36,38,.15);border-width:0 1px 1px 0;-webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);transform: translateY(-50%) translateX(50%) rotate(-45deg);}
.steps.type2 .step {padding:12px 0 12px 35px;}
.steps.type2 .step:after {width:2.2em;height:2.2em;}
.steps.type2 .step:last-child:after {display:none;}
.steps.type2.icon .step {padding:0 0 0 30px;}
.steps.type2.icon .step:after {width:2.9em;height:2.9em;}
.steps.type2.link .step:after {width:2.9em;height:2.9em;}
.steps.type2.link .step a {padding:0 15px 0 30px;}
.steps .step.active {background:#3c4a56;color:#fff;font-weight:500;}
.steps .step.finish i.bi-check {color:#efefef;}
.steps .step.finish.active i.bi-check {color:#6b7680;}
.steps .step.ing i.bi-check {color:#00465c;}
.steps .step.ing.active i.bi-check {color:#fff;}
.steps .step.active i.bi-check {color:#efefef;}
.steps .step.active i.count {color:#efefef;}
.steps .step.active a {color:#fff;}
.steps .step.active:after {background-color:#3c4a56;}
.steps .step.disabled {background:#f5f5f5;}
.steps .step.disabled:after {background-color:#f5f5f5;}
.steps .step.disabled {color:#999;}
.steps .step.disabled i.count {color:#999;}
.steps.red .step.active {background:#a14545;color:#fff;font-weight:500;}
.steps.red .step.active:after {background-color:#a14545;}
.steps .step a {display:block;}
.steps.link .step {padding:0;}
.steps.link .step a {display:block;padding:0 15px;width:100%;}
.steps.link .step i {vertical-align:middle;}
.steps.link .step.disabled a {color:#999;}
.steps.link span {vertical-align:middle;display:inline-block;}
.steps.icon .step {padding:0 0 0 15px;}
.steps .step i {font-size:60px;line-height:20px;font-weight:500; width: 56px;}
.steps .step i.count {font-size: 40px;padding-left: 10px;width: 50px;color: #666;font-weight: 600;margin-top: -5px;}
.steps.sm .step {min-height:34px;}
.steps.sm .step i {font-size:36px; width: 40px; margin-left:10px;}
.steps.sm .step i.count {font-size: 24px;}
.steps .i-prev {color:#00465c;}
.steps .i-active {color:#fff;}
.steps .i-next {color:#ddd;}
.steps .i-disabled {color:#ddd;}
.steps a.step:hover {background-color:#eee;}
.steps a.step.finish:hover i {color:#fff;}
.steps a.step:hover:after {background-color:#eee;}
.steps a.step.active:hover {background-color:#677480;}
.steps a.step.active:hover:after {background-color:#677480;}
.steps a.step.active:hover a {color:#3c4a56;}
.steps a.step.active:hover i {color:#3c4a56;}
.steps.red.link .step.active:hover {background-color:#ffd4d4;}
.steps.red.link .step.active:hover:after {background-color:#ffd4d4;}
.steps.red.link .step.active:hover a {color:#a14545;}
.steps.red.link .step.active:hover i {color:#a14545;}

/*직원관리*/
.box-user{padding: 5px 8px 2px 8px; margin:8px 5px; color: #777; border: 1px solid #eee; border-radius: 5px; min-width: 60px; text-align: left; display: inline-block; min-width: 140px;}
.box-user.active{background-color: #444; color:#fff;}
.box-user .user_type_nm{display: inline-block; padding:0 5px; font-size:12px; border-width: 1px; border-radius: 5px; border-style: solid; margin-bottom:5px;}
.box-user.active .user_type_nm{color:#fff !important; border-color:#fff !important;}
.box-user .user_nm{display: block;font-size:17px; color:#222; font-weight: 600;}
.box-user.active .user_nm {color:#fff !important;}
.box-user .company_nm{display: block; font-size:14px; color:#444;}
.box-user .reg_date{display: block; font-size:13px;}
.box-user.active .company_nm {color: #fff;}

.box-worker {padding: 1px 4px; margin: 0 2px; border: 1px solid #eee; border-radius: 5px; min-width: 60px; display: inline-block; height:33px; vertical-align: sub;}
.box-worker input {width:65px; text-align: center; height:25px;}
.box-worker a {display: inline-block; width:26px; height:26px; text-align: center; vertical-align: text-top;}
a.box-worker {width: 50px; text-align: center; font-size:20px; padding-top:5px;vertical-align: text-top;}

/* 작업관리 - 작업요청 */
.modalBtnTypeUpper {width: 150px;}
.btnBlockDeliveryType {display: inline-block; margin-right: 7px;}

/*옵션 현황표*/
/*.tui-grid-header-type2 .tui-grid-rside-area .tui-grid-header-area .tui-grid-table tr:first-child th {height:29px !important;}
.tui-grid-header-type2 .tui-grid-rside-area .tui-grid-header-area .tui-grid-table tr:nth-child(2) th {height:70px !important; white-space: normal;}*/



/*옵션 현황표 모달 공동*/
.tbl-option-change-history .tui-grid-header-area .tui-grid-table tr:first-child th {height:29px !important;}
.tbl-option-change-history .tui-grid-rside-area .tui-grid-header-area .tui-grid-table tr:nth-child(2) th {height:70px !important; white-space: normal !important;}
.tbl-option-change-history .tui-grid-lside-area .tui-grid-header-area .tui-grid-table tr th {height:100px !important; white-space: normal;}
td.history-tf,td.history-tf > div {text-decoration: line-through !important; opacity: 0.6 !important;background: #fdfdfd !important;}

/*옵션 출력*/
.combo-dlsseq + span.select2 {position: absolute;}
.combo-dlsseq + span.select2 .select2-selection {text-align: left;}

.qr_print_sample {display: block; text-align: center; padding:10px 0; }
.qr_print_sample img {width: 200px; border: 1px solid #efefef;}
.qr_print_sample p {margin-top: 15px;}
.qr_print_btn {display: block; text-align: center; padding:30px;}

/* 날짜 범위 선택 box */
.filter_date {min-width: 90px;}
.dropdown-menu{padding:0;}
.dropdown-menu .dropdown-item{font-size:13px; padding:4px 10px;min-width: 100px;}

/* datepicker*/
.tui-datepicker-input.positionLeft .tui-datepicker {right: -1px;}

/* dashboard */
.dashboard {letter-spacing:-1px;}
.dashboard .module-box {padding:0 15px;}
.dashboard .module-header {padding:0;position:relative;}
.dashboard .module-body {padding:15px 0;height:calc(100% - 48px);}
.dashboard .module-header .h3-tit {padding-top:0px;}
.search-wrap .place-group {display: inline-block;}
.search-wrap .place-group .place {display: inline-block;color:#262626;font-size:19px;font-weight:700; vertical-align: middle;}
.search-wrap .place-group .date {display: inline-block; padding:2px 10px;margin-left:10px;align-items:center;color:#ffffff;font-size:15px;font-weight:400;border-radius:4px;background:#444444; vertical-align: middle;}
.dashboard .dashboard-header {height:135px;flex:none;}
.dashboard .dashboard-header .module-box {padding:15px;align-items:center;justify-content:space-between;flex-direction:row;}
.dashboard .dashboard-header .state-photo-cnt {padding-left:100px; background:url('/assets/images/dashboard/icon_photo.png') no-repeat 0 0; height:85px;}
.dashboard .dashboard-header .state-photo-cnt .title {font-size: 20px; line-height:20px; margin:5px 0 10px 0;}
.dashboard .dashboard-header .state-photo-cnt p .large {font-size: 40px; line-height:40px; }
.dashboard .dashboard-header .state-photo-cnt p .dash {font-size: 22px; margin:0 5px;}
.dashboard .dashboard-header .state-photo-cnt p .small {font-size: 26px;}
.dashboard .dashboard-header .toastui-chart-wrapper {z-index: 100;}
.dashboard .dashboard-header .state-group {display:flex;color:#262626;}
.dashboard .dashboard-header .state-group a {margin-left:10px;}
.dashboard .dashboard-header .state-group .state-box {display:flex;align-items:center;justify-content:space-between;width:220px;height:52px;padding:14px;border-radius:4px;transition:all 0.3s;}
.dashboard .dashboard-header .state-group .state-box.box1 {background-color:#F1FBFF;}
.dashboard .dashboard-header .state-group .state-box.box2 {background-color:#FFF4EC;}
.dashboard .dashboard-header .state-group .state-box.box3 {background-color:#EFF1FE;}
.dashboard .dashboard-header .state-group .state-box .txt {font-size:14px;font-weight:700;padding-left:28px;}
.dashboard .dashboard-header .state-group .state-box.box1 .txt {background:url('../images/dashboard/ico_state1.png') no-repeat 0 50%;}
.dashboard .dashboard-header .state-group .state-box.box2 .txt {background:url('../images/dashboard/ico_state2.png') no-repeat 0 50%;}
.dashboard .dashboard-header .state-group .state-box.box3 .txt {background:url('../images/dashboard/ico_state3.png') no-repeat 0 50%;}
.dashboard .dashboard-header .state-group .state-box .num {font-size:14px;font-weight:700;}
.dashboard .dashboard-header .state-group .state-box .num span {font-size:19px;}
.dashboard .dashboard-header .state-group .state-box .num em {font-size:12px;}
.dashboard .dashboard-header .state-group .state-box .num em ~ em {color:#777;}
.dashboard .dashboard-header .state-group a:hover .box1 {background-color:#c9ecfa;color:#1c5168;}
.dashboard .dashboard-header .state-group a:hover .box2 {background-color:#f4d7c1;color:#85491e;}
.dashboard .dashboard-header .state-group a:hover .box3 {background-color:#d2d7fa;color:#36439b;}

.dashboard .dashboard-header .totalProgressRate {width:300px; height: 52px; padding: 10px 10px 10px 15px; border-radius: 4px; background-color: var(--main-blue); position:relative;}
.dashboard .dashboard-header .totalProgressRate .btnChangeTotalRate {background: initial; width:20px; height:20px; color:#fff; position:absolute; right:10px; top:10px; font-size:17px;}
.dashboard .dashboard-header .totalProgressRate p {font-size:15px; line-height:18px; font-weight:600; color:#fff;}
.dashboard .dashboard-header .totalProgressRate p span {font-size:12px; font-weight:400; color:#eee; margin-left:5px;}
.dashboard .dashboard-header .totalProgressRate p span.txtUptDate {margin-left:0px;}
.dashboard .dashboard-header .totalProgressRate div.rate {font-size:17px; font-weight:600; color:#fff; line-height:15px;}
.dashboard .dashboard-header .totalProgressRate div.rate .graphSingle {display: inline-block; width: calc(100% - 75px); background-color: #fff; height: 4px; border-radius: 10px; margin-right: 4px;vertical-align: baseline;}
.dashboard .dashboard-header .totalProgressRate div.rate .graphSingle span {background-color: #3BD29C;height: 6px;border-radius: 10px;display: block;position: relative;top: -1px;}
.dashboard .dashboard-header .totalProgressRate .form {margin-right:5px; text-align: center; padding-top:3px;}
.dashboard .dashboard-header .totalProgressRate .form span {margin-right:5px; vertical-align: middle; color:#fff;}
.dashboard .dashboard-header .totalProgressRate .form input {width:80px; background-color: #fff; vertical-align: middle; padding: 0 5px;}

.dashboard .milestone {height:263px;flex:none;margin-top:0;}
.dashboard .milestone-wrap {position:relative;width:100%;height:248px;overflow: hidden;}
.dashboard .btn-floating-gear img {height: 22px; width: 20px;}
.dashboard .btn-floating-help {margin-left:5px; display: inline-block; width:20px; height:20px; line-height:22px; font-size:16px; border-radius: 50%; text-align: center; color:#fff; background-color: var(--sub-red); vertical-align: middle;}
.dashboard .btn-floating-gear:hover, .dashboard .btn-floating-help:hover {background-color: var(--main-red); transition:all 0.5s;}
.dashboard .milestone-wrap .btn-cmm-cantt-chart-mgm {z-index: 9; position: absolute; bottom:15px; left:15px;}
.dashboard .milestone-wrap .btn-floating-help {z-index: 9; position: absolute; bottom:55px; left:15px;}

.dashboard .milestone .module-body {height:100%;padding:0 0 15px 0; position: relative;}
.dashboard .timeline-area {position:relative;width:100%;height:85px;z-index:1;}
.dashboard .timeline-area .timeline {position:relative;top:40px;width:100%;height:16px;background:#F0F1F4; border-radius: 10px;}
.dashboard .timeline-area .timeline .step-line {width:0;height:100%;}
.dashboard .timeline-area .timeline .step-line:before {content:"";display:inline-block;height:100%;background:#7FF3CA;animation:line 1.2s ease forwards; border-radius: 10px;}
.dashboard .timeline-area .timeline .date {position:absolute;top:-27px;color:#000;font-size:14px;font-weight:700;}
.dashboard .timeline-area .timeline .date em {color:#777;font-size:12px;font-weight:400;}
.dashboard .timeline-area .timeline .date.start {left:0px;padding-left:26px;background:url('../images/dashboard/ico_start.png') no-repeat 0 50%;}
.dashboard .timeline-area .timeline .date.start:before {content:"";position:absolute;bottom:-18px;left:0;width:9px;height:9px;background:#fff;border:1px solid #3BD29C;border-radius:9px;}
.dashboard .timeline-area .timeline .date.today {left:0; padding-left:5px;top: 0px; padding-top: 20px;}
.dashboard .timeline-area .timeline .date.today:before {content:"";position:absolute;bottom:26px;left:-7px;z-index:1;width:14px;height:14px;background:url('../images/dashboard/ico_today.png') no-repeat 50% 50%;}
.dashboard .timeline-area .timeline .date.today:after {content:"";position:absolute;top:1px;left:-1px;width:1px;height:40px;border:1px dashed #3BD29C;}
.dashboard .timeline-area .timeline .check-day {position:absolute;top:-27px;}
.dashboard .timeline-area .timeline .check-day .box {position:absolute;top:135px;left:50%;transform:translateX(-50%);z-index:1;min-width:105px;white-space:nowrap;height:50px;padding:6px;text-align:center;border-radius:4px;border:1px solid var(--main-color);background:#FFF;}
.dashboard .timeline-area .timeline .check-day .box p {color:var(--main-color);font-size:14px;font-weight:700;}
.dashboard .timeline-area .timeline .check-day .box em {color:#262626;font-size:12px;}
.dashboard .timeline-area .timeline .check-day:before {content:"";position:absolute;bottom:-40px;left:-3px;z-index:1;width:9px;height:9px;background:#fff;border:1px solid var(--main-color);border-radius:9px;}

.dashboard .timeline-area .timeline .check-day:after {content:"";position:absolute;top:-36px;left:-12%;width:1px;height:245px;border:1px dashed var(--main-color);}

.dashboard .timeline-area .timeline .date.completion {padding-right:26px;background:url('../images/dashboard/ico_completion.png') no-repeat right 0 top 50%;width:130px;text-align: right; display: inline-block;}
.dashboard .timeline-area .timeline .date.completion:before {content:"";position:absolute;bottom:-18px;right:13px;width:9px;height:9px;background:#fff;border:1px solid #3BD29C;border-radius:9px;}

.dashboard .timeline-area .before-work {position:absolute;text-align:right;}
.dashboard .timeline-area .before-work p {color:#222;font-size:12px;font-weight:700;padding-right:14px;background:url('../images/dashboard/ico_arrow.png') no-repeat right 0 top 50%;}
.dashboard .timeline-area .before-work p em {color:#777;font-weight:400; margin-left:5px; }
.dashboard .timeline-area .before-work .bar {position:relative;height:0px;background:#ccc;}
.dashboard .timeline-area .before-work .bar span {position:absolute;left:0;top:0;display:inline-block;height:1px;}
.dashboard .timeline-area .before-work .bar span:before {content:"";position:absolute;left:0;top:0;display:inline-block;height:0px;background:#000;animation:line 1.2s ease forwards;}
@keyframes line {from {width:0%;} to {width:100%;}}

.dashboard .timeline-area .after-work {position:absolute;text-align:center;padding-top:10px;background:url('../images/dashboard/ico_arrow.png') no-repeat 50% 0;}
.dashboard .timeline-area .after-work p {color:#222;font-size:12px;font-weight:700;}
.dashboard .timeline-area .after-work em {color:#777;font-size:12px;}
.dashboard .timeline-area .before-work.work1 {left:2%;top:38%;}
.dashboard .timeline-area .before-work.work2 {left:10%;top:58%;}
.dashboard .timeline-area .before-work.work3 {left:24%;top:73%;}
.dashboard .timeline-area .after-work.work1 {left:39%;top:35%;}
.dashboard .timeline-area .after-work.work2 {left:49%;top:44%;}
.dashboard .timeline-area .after-work.work3 {left:59%;top:63%;}
.dashboard .timeline-area .after-work.work4 {left:73%;top:73%;}
.dashboard .timeline-area .after-work.work5 {left:78%;top:35%;}
.dashboard .tbl-base {position:absolute;left:0;top:0;width:100%;height:100%;}
.dashboard .tbl-base th {height:28px;border:1px solid #eee;padding:0 8px;font-size:14px;font-weight:400;}
.dashboard .tbl-base td {height:28px;border:1px solid #eee;}

.dashboard .block-progress {height:calc(100% - 145px);}
.dashboard .block-progress .row.single {height:225px;}
.dashboard .block-progress .row {height:calc(100% - 225px);}
.dashboard .block-progress .bar-chart {position: relative; padding: 10px 0 0 0; overflow: hidden;}
.dashboard .block-progress .bar-chart .status {position: absolute; bottom: 10px; font-size:14px; text-align: center; width: 100%;}
.dashboard .block-progress .bar-chart .status .cnt{color: var(--plastering1); font-weight: 600;}
.dashboard .block-progress .bar-chart .status .rate{color: var(--plastering1);}

.dashboard .tab-wrap .nav-tabs .nav-link {padding:10px 6px;}
.dashboard .tab-wrap .right {position:absolute;right:0;top:50%;transform:translateY(-50%);}
.dashboard .tab-wrap .select-group select {height:34px;font-size:14px;margin-left:5px;border-radius:4px;}

.dashboard .more-menu {position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2;}
.dashboard .more-menu .btn {display:inline-block;width:28px;height:28px;text-indent:-999px;overflow:hidden;box-shadow:none;vertical-align:middle;background:url('../images/dashboard/ico_moremenu.png') no-repeat 50% 50%;}
.dashboard .dropdown-menu {padding:0;min-width:4rem;text-align:center;border-radius:8px;background:#FFF;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.15);overflow:hidden;}
.dashboard .dropdown-menu .dropdown-item {min-width:85px;}
.dashboard .dropdown-menu .dropdown-item:focus {background:var(--main-color)}

/*.dashboard .notice .more {display:inline-block;width:20px;height:20px;text-indent:-999px;overflow:hidden;vertical-align:middle;background:url('../images/dashboard/ico_more.png') no-repeat 50% 50%;}*/
.dashboard .notice .module-body {padding:0;}
.dashboard .notice .notice-list li {border-top:1px solid #E5E5EF;}
.dashboard .notice .notice-list li:first-child {border-top:0;}
.dashboard .notice .notice-list a {display:block;padding:15px 10px;}
.dashboard .notice .notice-list li.active {background-color: #efefef;}
.dashboard .notice .notice-list .txt {color:#262626;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; height:26px;}
.dashboard .notice .notice-list .txt span.targetComCcNm {display:inline-block;padding: 0 6px;height:23px;line-height:21px;margin-right:6px;text-align:center;font-size:12px;font-weight:600;border-radius:5px; border-width: 1px;border-style: solid; vertical-align: top;}
.dashboard .notice .notice-list .txt span.title {color:#262626;font-size:17px;width:calc(100% - 170px);display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-weight: 600;}
.dashboard .notice .notice-list .txt span.case1 {color:var(--main-color);}
.dashboard .notice .notice-list .txt span.case2 {color:#877669;}
.dashboard .notice .notice-list .txt .regDate {color:#777;float:right;}
.dashboard .notice .notice-list .info {font-size:14px; height:14px;}
.dashboard .notice .notice-list .info .comsNm {color: #444; font-weight: 600;width:calc(100% - 140px);display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dashboard .notice .notice-list .info .regUserNm {color:#666;float:right;}
.dashboard .notice .notice-list .txt span.badge.new { position: absolute; background-color: #ffc107; color: white; border-radius: 12px; font-size: 12px; font-weight: bold; display: inline-block; text-transform: uppercase;    vertical-align: top; height: 24px; line-height: 17px;}

.dashboard .work-order .btns .btn {height:26px;line-height:24px;margin-left:5px;color:#54585A;font-size:13px;font-weight:700;border:1px solid #B7B7B7;border-radius:4px;}
.dashboard .work-order .btns .btn:hover {color:#fff;}
.dashboard .work-order .module-body {padding:0;}
.dashboard .work-order .order-list li {padding:15px 10px;border-top:1px solid #E5E5EF;}
.dashboard .work-order .order-list li:first-child {border-top:0;}
.dashboard .work-order .order-list a {display:block;}
.dashboard .work-order .order-list .txt {position:relative;}
.dashboard .work-order .order-list .txt .memo {color:#262626;font-size:17px;width:calc(100% - 140px);display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-weight: 600;}
.dashboard .work-order .order-list .txt em {position:absolute;right:0;top:0;color:#262626;font-size:14px; font-weight:600;}
.dashboard .work-order .order-list .txt .td-status {display:inline-block;padding: 0 6px;height:23px;line-height:21px;margin-right:6px;text-align:center;font-size:12px;font-weight:600;border-radius:5px; border-width: 1px;border-style: solid; vertical-align: top;}
.dashboard .work-order .order-list .info {padding-top:4px; font-size:14px;}
.dashboard .work-order .order-list .info .workCompanyNm {color: #444; font-weight: 600;width:calc(100% - 140px);display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dashboard .work-order .order-list .info .regUserNm {color:#666; float:right;}
.dashboard .work-order .order-list .date {color:#777; font-size:14px;}
.dashboard .work-order .order-list .date .regDateTitle {margin-right: 6px;}
.dashboard .work-order .order-list .date .endDateTitle {float: right; margin-right: 6px;}

.dashboard .gallery .gallery-list {display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(3, 1fr);}
.dashboard .gallery .gallery-list .gallery-item {padding:0;}

.dashboard .schedule {position:relative;}
.dashboard .schedule .more-menu {right:15px;top:13px;transform:translateY(0);}
.dashboard .schedule .tbl-calendar {width:100%;}
.dashboard .schedule .tbl-calendar th {text-align:center; height:30px;}
.dashboard .schedule .calendar-container {display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(7, 1fr); margin-bottom:20px;}
.dashboard .schedule .calendar-container .day {display: inline-block; position:relative; text-align:center; height:40px; color:#ccc; padding-top: 7px; line-height:30px;}
.dashboard .schedule .calendar-container .day.sun a {color:#E6002D;}
.dashboard .schedule .calendar-container .day.sat a {color:#0489ff;}
.dashboard .schedule .calendar-container .day a {display: inline-block; border-radius: 30px; color:#444; width:30px; height:30px; line-height:30px;}
.dashboard .schedule .calendar-container .day a.today {font-weight: 600; color:#000;}
.dashboard .schedule .calendar-container .day a.active {background-color:#E6002D; color:#fff;}
.dashboard .schedule .calendar-container .day .dot{position:absolute; left:calc(50% - 3px); bottom:5px; border-radius: 3px; width:6px; height:6px; background-color:#E6002D;}



.dashboard .schedule .calendar-container2 {display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(7, 1fr); margin-bottom:20px;}
.dashboard .schedule .calendar-container2 .day {display: inline-block; position:relative; text-align:center; height:40px; color:#ccc; padding-top: 7px; line-height:30px;}
.dashboard .schedule .calendar-container2 .day.sun a {color:#E6002D;}
.dashboard .schedule .calendar-container2 .day.sat a {color:#0489ff;}
.dashboard .schedule .calendar-container2 .day a {display: inline-block; border-radius: 30px; color:#444; width:30px; height:30px; line-height:30px;}
.dashboard .schedule .calendar-container2 .day a.active {background-color:#E6002D; color:#fff;}
.dashboard .schedule .calendar-container2 .day .dot{position:absolute; left:calc(50% - 3px); bottom:5px; border-radius: 3px; width:6px; height:6px; background-color:#E6002D;}


.dashboard .schedule .btn-menu {position:absolute;right:15px;top:13px;transform:translateY(0);}
.dashboard .schedule .btn-menu .btn-progress {height:26px;line-height:24px;font-weight:700;color:#54585A;font-size:13px;border:1px solid #B7B7B7;border-radius:4px;}
.dashboard .schedule .btn-menu .btn-progress:hover {background-color:#bbb1f6;border:1px solid #bbb1f6;color:#fff;}
.dashboard .schedule .btn-menu .btn-progress.on {background-color:#7F6AFF;border:1px solid #7F6AFF;color:#fff;}
.dashboard .schedule .tab-content {margin-top:20px;overflow:auto; height: calc(100% - 70px);}

.dashboard .schedule .major-schedule {padding:0; height: calc(100% - 265px); overflow: auto;}
/*.dashboard .schedule .schedule-list {height:100%;}*/
.dashboard .schedule .schedule-list li {position:relative;padding:24px 0 0 100px;}
.dashboard .schedule .schedule-list li:first-child {padding-top:0;}
.dashboard .schedule .schedule-list li:after {content:"";position:absolute;top:35px;left:73px;width:11px;height:11px;background:#fff;border:2px solid #54585A;border-radius:11px;}
.dashboard .schedule .schedule-list li:first-child:after {top:3px;}
.dashboard .schedule .schedule-list li:before {content:"";position:absolute;top:0;left:78px;width:1px;height:100%;background:#eee;}
.dashboard .schedule .schedule-list li .box {position:relative;padding:12px;border:1px solid #eee;border-radius:8px;}
.dashboard .schedule .schedule-list li .date {position:absolute;left:0;top:30px;color:#222;font-size:14px;}
.dashboard .schedule .schedule-list li.today .date {font-weight:600; color:#000000;}
.dashboard .schedule .schedule-list li.today:after {border: 8px solid #00a8e4;}
.dashboard .schedule .schedule-list li:first-child .date {top:-2px;}
.dashboard .schedule .schedule-list li .state {display:inline-block;margin-bottom:8px;font-size:12px;font-weight:700;height:22px;padding:0 8px;line-height:20px;border-radius:5px;}
.dashboard .schedule .schedule-list li .state.state1 {color:#5398FF;border:1px solid #5398FF;}
.dashboard .schedule .schedule-list li .state.state2 {color:#7F6AFF;border:1px solid #7F6AFF;}
.dashboard .schedule .schedule-list li .state.state3 {color:#2EBD8A;border:1px solid #2EBD8A;}
.dashboard .schedule .schedule-list li .txt {color:#222;font-size:14px;font-weight:700;}
.dashboard .schedule .schedule-list li .team {position:absolute;right:12px;top:12px;color:#54585A;font-size:12px;font-weight:700;}
.dashboard .schedule .btn-cmm-schedule-mgm {z-index: 9; position: absolute; bottom:30px; right:0px;}
.dashboard .schedule .schedule-list li.nodata {margin-top:0;}
.dashboard .workArea ul {display: grid; grid-template-columns: repeat(2, calc(50% - 8px)); column-gap: 15px; row-gap: 15px;}
.dashboard .workArea ul li {border-radius: 8px;border: 1px solid #E1E1E1;padding: 10px 15px;}
.dashboard .workArea ul li .graphSingle {display: inline-block; width: calc(100% - 140px); background-color: #EBEDF3; height: 4px; border-radius: 10px; margin-right: 4px;}
.dashboard .workArea ul li .graphSingle span {background-color: #3BD29C;height: 6px;border-radius: 10px;display: block;position: relative;top: -1px;}
.dashboard .workArea ul li .txtRate {margin-left:10px;font-size: 15px; font-weight:600;}
.dashboard .workArea ul li p {font-size:15px; font-weight:600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dashboard .workArea ul li .badge.outline {background: none; border-width: 1px; border-style: solid;vertical-align: middle; margin-right:2px;}

li.nodata {margin-top:50px; padding:50px 0 15px !important;font-size:14px;text-align:center;}
div.nodata {margin-top:50px; padding:50px 0 15px !important;font-size:14px;text-align:center;}
/*li.nodata {margin-top:50px; padding:50px 0 15px !important;font-size:14px;text-align:center;background:url('../images/dashboard/ico_nodata.png') no-repeat 50% 15px;}
div.nodata {margin-top:50px; padding:50px 0 15px !important;font-size:14px;text-align:center;background:url('../images/dashboard/ico_nodata.png') no-repeat 50% 15px;}*/

/* 알림모달 */
.notify-list {border-top:1px solid #E5E5EF;letter-spacing:-1px;}
.notify-list li {position:relative;display:flex;padding:15px 0;border-bottom:1px solid #E5E5EF;}
.notify-list li a {display:flex;}
.notify-list li a:hover .txt {color:#B65455;text-decoration:none;}
.notify-list li .ico {position:relative;display:inline-block;width:50px;height:50px;border-radius:50px;flex:none;margin-right:10px;text-indent:-999px;background:#FFF6F6 url('../images/common/ico_notify2.png') no-repeat 50% 50%;}
.notify-list li .ico.active:before {content:"";position:absolute;right:5px;top:5px;display:inline-block;width:6px;height:6px;border-radius:6px;background:var(--main-color);}
.notify-list li .tit {color:#666;font-size:12px;}
.notify-list li .txt {color:#222;font-size:15px;font-weight:700;}
.notify-list li .date {position:absolute;right:10px;top:15px;color:#666;font-size:12px;}

/* 딜리버리 popover  */
.floating-dl-popover {position:absolute;top:20%;left:50%;border:1px solid #cbcbcb;border-radius:5px;background:#fff;min-width:370px;letter-spacing:-0.5px;z-index:10;}
.floating-dl-popover .head {padding:10px 15px;border-bottom:1px solid #cbcbcb;background-color:#efefef;display:flex;align-items:center;justify-content:space-between;}
.floating-dl-popover .head span {vertical-align: bottom;}
.floating-dl-popover .head .type-cp-nm {position:relative;padding-right:8px;margin-right:3px;font-size:20px; font-weight:600;}
.floating-dl-popover .head .type-cp-nm:after {content:"";position:absolute;top:8px;right:0;width:1px;height:15px;background:#666;}
.floating-dl-popover .head .dl-nm {font-size:18px;}
.floating-dl-popover .head .contract-nm {font-size:13px; color: #fff; border-radius:5px;padding:2px 6px; vertical-align: super; margin-left:5px;}
.floating-dl-popover .head .right {font-size:12px;}
.floating-dl-popover .head .right i {position:relative;top:1px;font-size:14px;margin-right:3px;}
.floating-dl-popover .head .right a {margin-left:5px; font-size: 16px;}
.floating-dl-popover .cont {padding:15px;}
.floating-dl-popover a {position:relative;}
.floating-dl-popover .btn-work {display:inline-block;height:34px;line-height:32px;padding:0 15px;font-size:15px;font-weight:700;border:1px solid #ddd;background:#eee;border-radius:5px;text-align:center;transition:all 0.3s;}
.floating-dl-popover .btn-work:hover {border:1px solid var(--main-color);}
.floating-dl-popover .badge {min-width:18px;height:18px;line-height:18px;padding:0;border-radius:18px;background-color:#fa3507;text-align:center;font-size:11px;transform: translate(0%,-15%)!important;position:absolute;right:-5px;top:-5px;}
.floating-dl-popover .link_add {margin:0 15px 0 5px;font-size:20px;}
.floating-dl-popover:before {content:"";position:absolute;border-style:solid;display:block;}
.floating-dl-popover:after {content:"";position:absolute;border-style:solid;display:block;}
.floating-dl-popover.top:before {top:-11px;left:50%;border-width:0 10px 10px;border-color:#cbcbcb transparent;transform:translateX(-50%);}
.floating-dl-popover.top:after {top:-9px;left:50%;border-width:0 10px 10px;border-color:#fddfdf transparent;transform:translateX(-50%);}
.floating-dl-popover.right:before {top:50%;right:-13px;border-width:10px 0 10px 12px;border-color:transparent #cbcbcb;transform:translateY(-50%);}
.floating-dl-popover.right:after {top:50%;right:-11px;border-width:10px 0 10px 12px;border-color:transparent #fff;transform:translateY(-50%);}
.floating-dl-popover.bottom:before {bottom:-10px;left:50%;border-width:10px 10px 0;border-color:#cbcbcb transparent;transform:translateX(-50%);}
.floating-dl-popover.bottom:after {bottom:-8px;left:50%;border-width:10px 10px 0;border-color:#fff transparent;transform:translateX(-50%);}
.floating-dl-popover.left:before {top:50%;left:-13px;border-width:10px 12px 10px 0;border-color:transparent #cbcbcb;transform:translateY(-50%);}
.floating-dl-popover.left:after {top:50%;left:-11px;border-width:10px 12px 10px 0;border-color:transparent #fff;transform:translateY(-50%);}
.floating-dl-popover .block-btn {display:flex;justify-content:space-around;}
.floating-dl-popover .block-btn div {padding:0 5px;display:inline-block; width:auto;}

/*동별 현황*/
/*.block-dong-status li  {width:33%; float:left; padding:5px;}*/

.block-dong-status li { display: inline-block;padding: 10px 0px; width: 50%;}
.block-dong-status li:nth-child(odd) {padding-right:10px;}
.block-dong-status li:nth-child(even) {padding-left:10px;}
.block-dong-status li >  h3 {display: inline-block; font-size:20px; font-weight:600;}
.block-dong-status li .status {padding-left:10px; font-size:18px; display: inline-block; float: right;}
.block-dong-status li .status .cnt{color: var(--plastering1); font-weight: 600;}
.block-dong-status li .status .rate{color: var(--plastering1);}
.block-dong-status table th, .block-dong-status table td {min-width: 55px; text-align: center;padding: 0.3rem 0.2rem;}
.block-dong-status table tr td:first-child {font-weight: 600;}
.block-dong-status table tr td:nth-child(2) {font-weight: 600;}
.block-dong-status table tr td:nth-child(3) {font-weight: 600; color: var(--plastering1);}
.block-dong-status table .sum {color:#222; font-weight: 600;}

#modalDongStatus .block-header {background-color: #efefef; margin-bottom:10px; padding:10px;}
#modalDongStatus .block-header h3 {display: inline-block; font-size:22px;vertical-align: bottom;}
#modalDongStatus .block-header .status {padding-left:10px; font-size:18px; display: inline-block; float: right;}
#modalDongStatus .block-header .status .cnt{color: var(--plastering1); font-weight: 600;}
#modalDongStatus .block-header .status .rate{color: var(--plastering1);}


.user-calendar .cal-header {display:flex;flex-wrap:wrap;}
.user-calendar .cal-header div {width:calc(100%/7);height:30px;text-align:center;border:1px solid #efefef;border-left:0;display:flex;align-items:center;justify-content:center;font-weight:700;}
.user-calendar .cal-header div:first-child {border-left:1px solid #efefef;}
.user-calendar .cal-date {display:flex;flex-wrap:wrap;}
.user-calendar .cal-date div {position:relative;width:calc(100%/7);height:50px;padding-top:10px;text-align:center;border:1px solid #efefef;border-right:0;display:flex;align-items:center;justify-content:center;}
.user-calendar .cal-date div:nth-child(7n) {border-right:1px solid #efefef;}
.user-calendar .cal-date div:last-child {border-right:1px solid #efefef;}
.user-calendar .cal-date .day {position:absolute;top:0;right:0;width:20px;height:20px;background-color:#efefef; font-size:12px;}
.user-calendar .cal-date .cnt {padding: 5px 0 0 15px; font-size: 14px; text-align: left; display: block; width: 100%;}


/*비밀번호3개월 모달*/
#cmmModalUserChangePwd3Month .modal-head h3 {font-size:16px; padding-top:10px;}
#cmmModalUserChangePwd3Month .modal-head h3 strong {color:var(--main-color);}

/*공지사항*/
.bbs-memo.memo figure.image img {width:100%;}
.bbs-memo.memo {overflow-y: scroll; min-height: 300px; max-height: 600px;}

/*사진관리*/
.form-block .txt {display: block; color: #222;}
.module-header .form-check {display:inline-block;margin:0;padding:0;}
.module-header .form-check .tit {display:inline-block;vertical-align:middle;margin-right:5px;position:relative;top:1px;}
.module-header .form-check .form-check-input {float:none;margin-left:0;vertical-align:middle;}
.gallery-block-search .btn.icon.active {border: 1px solid #1c6a9a; background-color: #1c6a9a; color: #fff;}
.gallery-block-search .btn.icon.active:hover {border: 1px solid #dcdcdc; background-color: #5c7f95;}
.gallery-wrap {position:relative;height: calc(100vh - 154px);overflow-y:auto; overflow-x: hidden;}
.gallery-wrap.active {padding-right:300px;}
.gallery-wrap.view .info {display:none;}
.gallery-wrap.view .gallery-list {grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));}
.gallery-list {display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));width:100%;}
.gallery-item {padding:10px;border:1px solid #ddd;}
.gallery-item.active {border:4px solid var(--main-color);}
.gallery-item .thumb {height:160px;position:relative;cursor:pointer;}
.gallery-item .thumb img {width:100%;height:100%;object-fit:cover;}
.gallery-item .thumb .label {position:absolute;right:0;top:0;background-color:#000;color:#fff;display:inline-block;padding:2px 8px;font-size:13px;}
.gallery-item dl {margin-top:10px;}
.gallery-item dt input {font-size:16px;font-weight:700;margin-bottom:3px;}
.gallery-detail {position:absolute;right:-380px;top:0;width:280px;height:100%;padding:15px;border:1px solid #ddd;background-color:#fff;transition:all 0.1s;}
.gallery-detail.active {right:0;}
.gallery-detail .detail-header {display:flex;justify-content:space-between;align-items:center;padding: 10px 50px 20px 0px;}
.gallery-detail .detail-header h3 {font-size:16px;font-weight:700;}
.gallery-close {position:absolute;right:10px;top:9px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}
.gallery-item .info dl dd {margin-top:5px; min-height:20px;}
.gallery-item .info .btn-dot {float:right;}
.gallery-item .info .date {float:right;}
.gallery-item input {height:30px;margin:0; box-shadow:none;padding:0 5px; border-top:0; border-left:0; border-right:0; border-bottom: 1px solid #dcdcdc;}
.gallery-item .txtMemo {height: 30px; border-bottom: 1px solid #dcdcdc; display: block;}
.gallery-item .txtTag {background-color:#666; border-radius: 4px; color:#fff; padding : 0 4px;}

.bootstrap-tagsinput {padding:0 4px 4px 4px; width:100%; border-radius:0 !important; box-shadow:none !important;}
.bootstrap-tagsinput .tag {display: inline-block; background-color: #484848; padding: 0px 4px; margin-bottom:4px; margin-right:4px;}
.gallery-wrap.all-change .bootstrap-tagsinput {border:0; background-color:#fff;}
.gallery-item input[readonly] {background:#fff;}
.gallery-item .bootstrap-tagsinput {border-top:0; border-left:0; border-right:0; border-bottom: 1px solid #dcdcdc;}
.gallery-detail .bootstrap-tagsinput {border: 1px solid #dcdcdc !important;}
#modalPhotoAddForm .bootstrap-tagsinput {border: 1px solid #dcdcdc;}

/*qr 조회*/
.page_qr {width:100%; height: 100vh; background-color: #fff;}
.page_qr .dl-info {height: 80px;}
.page_qr .dl-info li {float:left; height:80px; padding: 0 20px; line-height: 80px; font-size: 2rem;}
.page_qr .dl-info li:first-child {width:130px; text-align: center; color: #fff; font-size: 2.2rem;}
.page_qr .block-image {padding: 10px;}
.page_qr .block-image img {width:100%;}
.page_qr .block-option {padding:10px;}
.page_qr .block-option h2 {font-size:2.2rem;}
.page_qr .block-option dl dt {margin-top:10px; font-size:1.5rem;}
.page_qr .block-option dl dd {padding-left:20px; font-size:1.5rem;}

/*판낼*/
.panel_right_dim {width:100%; height:100%; position: absolute; right: 0px; bottom: 0px; left: 0px; background-color: #000;opacity: 0.3; z-index:101}
.panel_right {position:fixed;right:-100%;top:0px;width:600px;height:100%;background:#fff;overflow:auto;z-index:102;transition:all 0.5s;}
.panel_right .head {height:65px;}
.panel_right .head .left{padding:5px 15px 0 15px;font-size: 17px;}
.panel_right .head .type-cp-nm {position: relative; padding-right: 8px; margin-right: 3px; font-size: 20px; font-weight: 600;}
.panel_right .head .type-cp-nm:after {content: ""; position: absolute; top: 8px; right: 0; width: 1px; height: 15px; background: #666;}
.panel_right .head .contract-nm {border-radius: 4px; margin-left:10px; font-size:12px; padding:2px 4px; color: #ffffff;}

.panel_right .btn-close {position:absolute;right:10px;top:9px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}
.panel_right .chart .graphSingle {display: inline-block; width: 160px; background-color: #EBEDF3;height: 4px;border-radius: 10px; margin: 0 10px 0 15px;}
.panel_right .chart .graphSingle span {background-color: #3BD29C;height: 6px;border-radius: 10px;display: block;position: relative;top: -1px;}
.panel_right .chart em {}
.panel_right .chart .txtRate {font-size: 15px; font-weight:600;}

.ui-droppable-hover {background: #ddd;}

.btn-floating-help {margin-left:5px; display: inline-block; width:20px; height:20px; line-height:22px; font-size:16px; border-radius: 50%; text-align: center; color:#fff; background-color: var(--sub-red); vertical-align: middle;}
.btn-floating-help:hover {color:#ffffff; background-color: var(--main-red); transition:all 0.5s;}