@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');*/

@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');/* 20230620 추가 */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(fonts/NotoSansKR-Thin.woff) format('woff'),
       url(fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(fonts/NotoSansKR-Light.woff) format('woff'),
       url(fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(fonts/NotoSansKR-Regular.woff) format('woff'),
        url(fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(fonts/NotoSansKR-Medium.woff) format('woff'),
        url(fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(fonts/NotoSansKR-Bold.woff) format('woff'),
        url(fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(fonts/NotoSansKR-Black.woff) format('woff'),
        url(fonts/NotoSansKR-Black.otf) format('opentype');
 } 


@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(fonts/NanumSquareR.eot);
 src: url(fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareR.woff) format('woff'),
      url(fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(fonts/NanumSquareB.eot);
 src: url(fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareB.woff) format('woff'),
      url(fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(fonts/NanumSquareEB.eot);
 src: url(fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareEB.woff) format('woff'),
      url(fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(fonts/NanumSquareL.eot);
 src: url(fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareL.woff) format('woff'),
      url(fonts/NanumSquareL.ttf) format('truetype');
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 4px; }

body {font-family: 'Pretendard-Regular', sans-serif !important; width:100%; min-width:1920px;} /* 최소 해상도 변경 */

table {border-collapse:collapse;border-spacing:0;}
caption {padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}

input:focus, select:focus {border:1px solid #145a42 !important; background:#f7fffb !important;}

/* margin */
.mgt0 {margin-top:0 !important;}
.mgl0 {margin-left:0 !important;}
.mgb0 {margin-bottom:0 !important;}
.mgr0 {margin-right:0 !important;}

.mgb20 {margin-bottom:20px !important;}

.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt70 {margin-top:70px !important;}
.mgt75 {margin-top:75px !important;}

.mgl3 {margin-left:3px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}

.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}

.pd0 {padding:0px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt0 {padding-top:0px !important;}
.pdt20 {padding-top:20px !important;}

.pdg0 {padding-left:0px !important;}
.pdg10 {padding-left:10px !important;}
.pdg20 {padding-left:20px !important;}
.pdg30 {padding-left:30px !important;} 

.pdr10 {padding-right:10px !important;}
.pdr20 {padding-right:20px !important;}

.pdb0 {padding-bottom:0px !important;}

.pt10 {padding:0 10px 0 10px !important;}

.pt05 {padding:0.2rem !important;}


.page-content-wrapper {background:#fefffb;}
.page-header {border-bottom:1px solid #dbdbdb; /*-webkit-box-shadow:none; box-shadow:none;*/ position: sticky; top:0;}
.page-header .page-logo {display:block; background:none; box-shadow:none; padding:0.75rem 0; width:auto;}
.page-content {background:#f5fcff;}

.panel {-webkit-box-shadow:none; box-shadow:none;} /* 20230620 추가 */

.subheader {margin-bottom:0;}

.page-breadcrumb {margin-bottom:0;} /* 20230620 추가 */

h1 small {display:inline-block; font-family: 'Pretendard-Regular', sans-serif !important; padding-left:10px;}

ul.topMenu {list-style:none; margin:0;} /* 20250711 margin 추가 */
ul.topMenu li {display:inline-block; line-height:66px; padding:0px 30px 0 30px;} /* 20250711 padding-top : 13px -> 0px */
ul.topMenu li a {font-size:18px; font-weight:900; color:#333; font-family:'NanumSquare', sans-serif;} /* 20230620 추가 */
ul.topMenu li a:hover {color:#3a9aa4;}
ul.topMenu li a.active {color:#3a9aa4;}
ul.topMenu li a.dropdown-item {font-size:13px; font-family: 'Pretendard-Regular', sans-serif !important; line-height:30px; padding:0 20px 0 20px;}

/* 상단 간이분석 버튼 */
.analysis-btn-line { display: flex; align-items: center; margin-top:6px; z-index:1; line-height: 22px; }
.analysis-btn-line button { position: relative; padding:5px 25px; border:0; background-color: #f5f5f5; color:#fff; font-size:16px; font-weight: 600; border-radius: 5em; margin:0 6px; }
.analysis-btn-line button:nth-child(1) { background-color: #009984; }

.font-ns {font-family:'NanumSquare', sans-serif;}
.font-gm {font-family:'Goldman', sans-serif;}
.font-ec {font-family:'SCoreDream', sans-serif;}/* 20230620 추가 */
.font-900 {font-weight:900;}

.center {text-align:center;}

.subheader-title {font-size:2rem; letter-spacing:-1px;} /* 20230620 추가 */

.menu-item, label.menu-open-button {background:#2fae00;}/* 20230620 추가 */
.menu-item:hover, label.menu-open-button:hover {background:#2e9707;}/* 20230620 추가 */

.btn-primary, .btn-info, .btn-dark, .btn-danger {-webkit-box-shadow:none; box-shadow:none; }/* 20230620 추가 */
.btn-primary {background:#2fae00; border-color:#1e8501;}/* 20230620 추가 */
.btn-primary:hover:enabled {background:#2e9707; border-color:#1e8501;}/* 20230620 추가 */
.btn-info {background-color: #00549c; border-color: #1d527e;}/* 20230620 추가 */

.form-control {border:1px solid #cdcdcd;}

/* checkbox */
.custom-control-input:checked ~ .custom-control-label::before {border-color: #0b4431; background-color: #145a42;}

/* 4Depth 아코디언 */
.accordion .card .card-header .card-title {background:#3a9aa4; color:#FFF; margin-top:2px;}
.accordion .card .card-header .card-title.collapsed {background:#f7f9fa; border:1px solid #ddd; margin-top:2px;}


.card {border:0; background-color:#fefffb;}

.nav-menu li a {color:#FFF; border-bottom:1px dotted #ffffff4f;}
.nav-menu li a:hover {color:#fff600;}
.nav-menu li.active > a {color:#fff600; box-shadow: inset 3px 0 0 #fff600; background-color:#00000059;}
.nav-menu li.active:not(.open) > a:before {color:#fff600;}
.nav-menu li a > [class*='fa-'] {color:#ffffff75;}
.nav-menu li > ul li a {color:#d7e3cf; font-size:12px; padding: 0.8125rem 1rem 0.8125rem 2.75rem;} /*20230620 추가 */
.nav-menu li > ul li.active > a {color:#fff600;}

.nav-menu b.collapse-sign {color:#cdde00;}

.nav-tabs {border-bottom: 1px solid rgb(20 90 66);}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {background-color:#fefffb; border-color: rgb(20 90 66) rgb(20 90 66) #fff;}
.nav-tabs .nav-item .nav-link.active:not(:hover) {color:#145a42}
.tab-content.border {border-color: rgb(20 90 66) rgb(20 90 66) !important;}

.bg-trans-gradient {background: linear-gradient(250deg, #3a9aa4, #1e636a);}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color:#145a42;}
.select2-container--default .select2-results__option[aria-selected=true] {background:#e4f3d9; color:#333;}
.select2-container--open .select2-dropdown--below {border-color:#145a42;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single  {border-color:#145a42;}
.select2-container .select2-selection--single  {background-color:#145a42; height:60px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color:#FFF; font-size:1rem; line-height:60px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color:transparent transparent #FFF transparent;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #FFF transparent transparent transparent;}

/* 2025.02.26 추가 */
.select2 {height: 50px;}
.select2-container--default .select2-selection--single { height: 50px !important; line-height: 50px !important; /* 텍스트 수직 정렬 */ display: flex; align-items: center; /* 중앙 정렬 */ }
.select2-container--default .select2-selection--single .select2-selection__rendered { height: 50px !important; line-height: 50px !important; /* 텍스트가 중앙에 위치하도록 */ display: flex; align-items: center; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px !important; display: flex; align-items: center; }

.table th, .table td {vertical-align:middle;}
table tbody tr.active {background:#f0feff;}

.tbListA {width:100%; font-size:100%;  background:#FFF; border-top:2px solid #696969; border-bottom:1px solid #696969; border-collapse:collapse; border-spacing:0; /*table-layout:fixed;*/}
.tbListA thead tr th {padding:10px 0 10px; font-weight:bold; color:#3e3e3e; text-align:center; vertical-align:middle; border-bottom:1px solid #6b6b6b; background:#dbefe5; border-left:1px solid #cdcdcd;}
.tbListA thead tr th:first-child {border-left:0;}
.tbListA thead tr th.CL {border-left:1px solid #cdcdcd; text-align:center;}
.tbListA tbody tr td {height:19px; padding:14px 5px 13px; color:#3e3e3e; vertical-align:middle; border-top:1px solid #cdcdcd; border-left:1px solid #e1e1e1; line-height:18px; font-weight:normal;}
.tbListA tbody tr:first-child td {border-top:0;}
.tbListA tbody tr td:first-child {border-left:0;}
.tbListA tbody tr td a:hover {text-decoration:none;}
.tbListA tbody.alignC tr td {text-align:center;}
.tbListA tbody.pd10 tr td {padding:7px 5px;}
.tbListA tbody.pd10 tr td.cate {line-height:24px; vertical-align:top; padding-left:20px;}
.tbListA tbody.pd10 tr td.CL {border-left:1px solid #cdcdcd; text-align:center;}
.tbListA tbody.pd10 tr td.CL2 {border-left:1px solid #e1e1e1; text-align:center;}
.tbListA tbody.pd10 tr td.date {text-align:left; padding:5px; font-weight:bold;}
.tbListA tbody.pd10 tr td.memo {border-top:0px; height:70px;}
.tbListA tbody.pd10 tr td.sun {background:#fff7f9; color:#ea0732;}
.tbListA tbody.pd10 tr td.sat {background:#effdff; color:#0da4ba;}
.tbListA tbody.pd10 tr.point td {background:#fff7e1; font-weight:bold;}
.tbListA tbody.pd10 tr.Endpoint td {background:#ffcc00; font-weight:bold;}
.tbListA.ht tbody.pd10 tr td {height: 54px;}
.tbListA.ht tbody.pd10 tr td .check i::before {font-size:26px; color:#0da4ba}
.tbListA.ht tbody.pd10 tr.topOn {border-top: 2px solid #FF6600; background: #fff8f0;}
.tbListA.ht tbody.pd10 tr.bottomOn{border-bottom: 2px solid #FF6600; background: #fff8f0;}



/* 20230620 프로젝트 목록 테이블 추가 */
.tbListB {width:100%; font-size:100%;  background:#FFF; border-top:2px solid #696969; border-bottom:1px solid #696969; border-collapse:collapse; border-spacing:0; /*table-layout:fixed;*/ font-size:16px;}
.tbListB thead tr th {padding:10px 0 10px; color:#3e3e3e; text-align:center; vertical-align:middle; border-bottom:1px solid #b5b5b5; background:#f1f1f1; /*border-left:1px solid #cdcdcd;*/}
.tbListB thead tr th:first-child {border-left:0;}
.tbListB thead tr th.CL {border-left:1px solid #cdcdcd; text-align:center;}
.tbListB tbody tr td {height:19px; padding:7px 5px 6px; color:#3e3e3e; vertical-align:middle; border-top:1px solid #e3e3e3; /*border-left:1px solid #e1e1e1;*/ line-height:18px; font-weight:normal;}
.tbListB tbody tr:hover {background:#f7ffef;}
.tbListB tbody tr:first-child td {border-top:0;}
.tbListB tbody tr td:first-child {border-left:0;}
.tbListB tbody tr td a:hover {text-decoration:none;}
.tbListB tbody.alignC tr td {text-align:center;}
.tbListB tbody.pd10 tr td {padding:10px 5px;}
.tbListB tbody.pd10 tr td.cate {line-height:24px; vertical-align:top; padding-left:20px;}
.tbListB tbody.pd10 tr td.CL {border-left:1px solid #cdcdcd; text-align:center;}
.tbListB tbody.pd10 tr td.date {text-align:left; padding:5px; font-weight:bold;}
.tbListB tbody.pd10 tr td.memo {border-top:0px; height:70px;}
.tbListB tbody.pd10 tr td.sun {background:#fff7f9; color:#ea0732;}
.tbListB tbody.pd10 tr td.sat {background:#effdff; color:#0da4ba;}
.tbListB tbody.pd10 tr.point td {background:#fff7e1; font-weight:bold;}
.tbListB tbody.pd10 tr.Endpoint td {background:#ffcc00; font-weight:bold;}

.tbWriteA {width:100%; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbWriteA tbody tr th {height:27px; padding:10px 20px 10px 0 ; font-weight:bold; color:#3e3e3e; text-align:right; vertical-align:middle; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#ecf9f3;}
.tbWriteA tbody tr th:first-child {border-left:0px;}
.tbWriteA tbody tr th span {color:#f50000;}
.tbWriteA tbody tr td {height:27px; padding:10px; line-height:160%; vertical-align:middle; border-top:1px solid #e1e1e1; background:#FFF;}
.tbWriteA tbody tr:first-child th, .tbWriteA tbody tr:first-child td {border-top:0;}

.table-bordered {border-left:none; border-right:none;}
.table-bordered th, .table-bordered td {border:none;}
.table-striped tbody tr:nth-of-type(odd) {background-color:#f8f8f8;}
.table-hover tbody tr:hover {background:#f6f9f1;}

.pagination {margin:0 auto;}
.pagination .page-link {border-radius:16px; border:1px solid #EEE; background:#FFF !important; color:#333; box-sizing:border-box; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; padding: 0; text-align: center;}
.pagination .page-link:hover {border:1px solid #1e8501; background:#FFF !important; color:#1e8501; box-sizing:border-box;} /* 20230620 추가 */
.page-item.active .page-link {border: 1px solid #1e8501; background: #2fae00 !important; color:#FFF; box-sizing:border-box;} /* 20230620 추가 */
.page-item:first-child .page-link, .page-item:last-child .page-link {border-radius:16px !important;}

.pjt-sub {width:250px; height:100%; border-right:1px solid #cdcdcd; background-image: linear-gradient(to bottom,  #007c38, #00549c);}
.pjt-sub .mapArea {width:100%;}


/* 20230620 추가 */
.panel-hdr h2 {font-size:1rem; font-weight:500;}


/* 20240131 프로젝트 대시보드 수정 */
.panel-hdr.project-dashboard {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-right:1rem;
     border-bottom:0;
}
.panel-hdr.project-dashboard h2 {
     font-size:16px;
     font-weight: 600;
     color:#333;
}
.panel-hdr.project-dashboard h2 .stit {
     display: inline-block;
     font-size:12px;
     font-weight: 400;
     color:#666;
     margin-left:5px;     
}
.panel-hdr.project-dashboard .btn-table {
     width:16px;
     height: 14px;
     background-image: url(../images/dashboard/icon_table.png);
     background-repeat: no-repeat;
     background-size: contain;
     padding:0;
     border:0;
}
.panel-container.project-dashboard {
     min-height: 400px;
     background-color: #fff;
}
.panel.project-dashboard.tab-type {
     background-color: transparent;
     border:0;
     width: 100%;
}
.panel.project-dashboard.tab-type {
     background-color: transparent;
     border:0;
     width: 100%;
}
.panel-hdr.project-dashboard.tab-type {
     background-color: transparent;
     border:0;
     width: 100%;
     padding:0;
}
.panel-hdr.project-dashboard.tab-type .nav-tabs {
     width: 100%;
     padding:0;
     height: 48px;
}
.panel-hdr.project-dashboard.tab-type .nav-tabs .nav-item {
     position:relative;
}
.panel-hdr.project-dashboard.tab-type .nav-tabs .nav-link {
     height: 48px;
     line-height: 2;
     font-size:16px;
     color:#999999;
     font-weight: 600;
     border-bottom: 1px solid #e0e0e0;
}
.panel-hdr.project-dashboard.tab-type .nav-tabs .nav-link.active {     
     color:#333;
     border-color:#e0e0e0;
     border-bottom: 1px solid transparent;
}
.panel-container.project-dashboard.tab-type {
     border: 1px solid #e0e0e0;     
     border-top:0;
}
.panel-hdr.project-dashboard.tab-type .nav-tabs .nav-item .btn-table {
     position:absolute;
     right:20px;
     top:18px;
}

.panel-container.project-dashboard.tab-type .tab-content .tab-pane {
     min-height: 370px;
}

/*대시보드 테이블 모달*/
#table-modal-center .table-dialog-centered {
  max-width: 800px;
  min-height: calc(100% - 3.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#table-modal-center .table-dialog-centered.modal-lg { max-width: 1000px; }
#table-modal-center .table-dialog-centered.modal-xlg { max-width: 1150px; }

#table-modal-center .table-dialog-centered .modal-content .modal-header {
  padding:1rem 1.25rem 0;
}
#table-modal-center .table-dialog-centered .modal-content .modal-body .heading-line {
  display: flex;
  justify-content: space-between;
}
#table-modal-center .table-dialog-centered .modal-content .modal-body .h2 {
  font-size:18px !important;
  font-weight: 700;
  color:#333;
}
#table-modal-center .table-dialog-centered .modal-content .modal-body .btn-outline-warning {
  color: #63b32e;
  border-color: #63b32e;
}
#table-modal-center .table-dialog-centered .modal-content .modal-body .btn-outline-warning:hover {
  background-color: #63b32e;
  border-color: #63b32e;
  color:#fff;
}

/*table D*/
.tbListD {
     width:100%; 
     background:#FFF; 
     border-top:2px solid #696969; 
     border-bottom:1px solid #696969; 
     border-collapse:collapse; 
     border-spacing:0; 
     table-layout:fixed; 
     border-collapse: collapse !important;
   }
   .tbListD thead tr th {
     padding:9px 0 7px; 
     font-weight:bold; 
     color:#3e3e3e; 
     text-align:center; 
     vertical-align:middle; 
     border-bottom:1px solid #d9d9d9; 
     background:#f1f1f1; 
     border-right:1px solid #cdcdcd;
     font-size:12px !important;
   }
   .tbListD thead tr th:last-child {
     border-right:0;
   }
   .tbListD thead tr th.CL {
     border-left:1px solid #cdcdcd; 
     text-align:center;
   }
   .tbListD tbody tr th {
     height:19px; 
     padding:10px 5px 9px; 
     color:#3e3e3e; 
     vertical-align:middle; 
     border-top:1px solid #d9d9d9; 
     border-right:1px solid #d9d9d9; 
     background:#f3fae9; 
     line-height:18px; 
     font-size:12px !important;
   }
   .tbListD tbody tr td {
     height:19px; 
     padding:10px 5px 9px; 
     color:#3e3e3e; 
     vertical-align:middle; 
     border-top:1px solid #d9d9d9; 
     border-right:1px solid #d9d9d9; 
     line-height:18px; 
     font-size:12px !important;
   }
   .tbListD tbody tr td .bold {
     font-size:12px !important;
     color:#333;
     font-weight: 700;
   }
   .tbListD tbody tr:first-child td {
     border-top:0;
   }
   .tbListD tbody tr td:last-child {
     border-right:0;
   }
   .tbListD tbody tr td a:hover {
     text-decoration:none;
   }
   .tbListD tbody.alignC tr td,
   .tbListD tbody.alignC tr th {
     text-align:center; 
     box-sizing: content-box !important;
   }
   .tbListD tbody.alignC tr td.ell {
     white-space:nowrap; 
     overflow:hidden; 
     text-overflow:ellipsis;
   }
   .tbListD tbody.alignC tr.on {
     border-top:2px solid #FF6600; 
     border-bottom:2px solid #FF6600; 
     background:#fff8f0;
   }

/*20240313 고급분석 왼쪽 메뉴 수정*/
.nav-menu li > ul li a {
     padding: 0.8125rem 2rem 0.8125rem 2.75rem;
}
.nav-menu li > ul li > ul li a {
     color: #fff;
     padding: 0.8125rem 1rem 0.8125rem 3.55rem;
     font-size:11px;
}
.nav-menu .nav-link-text .icon-dot {
     width:3px;
     height: 3px;
     background-color: #fff;
     border-radius: 50%;
}


/* sweet alert 2 */
.swal2-container {z-index:2080 !important;}
.swal2-title { font-size: 1.5em !important; margin-bottom: 1em !important; }
.swal2-content { font-size: 1em !important; }

/* button disabled */
button:disabled {cursor : not-allowed;}

/* jquery validate error label */
label.error {color:#fd3995 !important}

/* nimble loading */
.comNimbleLoader { position: fixed; width:100%; height:100%; top: 0px; bottom: 0px; left: 0px; background-color: #e9e9e9; z-index:2070; opacity: 0.4; text-align:center; margin:0 auto; display:none;}

.table-fixed { table-layout: fixed; }
.bg-info-50 { background-color: #9acffa !important;}
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.i_chartBar { transform: rotateY(180deg) rotate(270deg); }

select[readonly] { background: #f3f3f3; pointer-events: none; }

a[target]:not(.btn) { text-decoration: none !important; }

.pjt-cont {width:calc(100% - 250px); min-height:calc(100vh - 111px);}

/* 전체부동산조서조회 */
.blankTd { background: #fff !important; border: 2px solid #fff !important; }

.w-10 {width:10% !important;}
.w-20 {width:20% !important;}
.w-30 {width:30% !important;}
.w-40 {width:40% !important;}
.w-60 {width:60% !important;}
.w-70 {width:70% !important;}
.w-80 {width:80% !important;}
.w-90 {width:90% !important;}

#dataTable { border-collapse: collapse; /* table-layout: auto; */ width: 100%; } /* 20240625 추가 */
#dataTable td { white-space: normal; } /* 20240625 추가 */


/* 프로젝트 관리 > 서비스 목록 */
/* #svc-info {position: absolute; top: 40px; left: 378px;}
#svc-list {margin-left: 80px;}
#dropdownMenuLink {margin-left: 64px;} */
#svc-info {position: absolute; top: -1px; left: 50%; transform:translateX(-50%); z-index:999;}
#svc-info-col {width:100vw;}
/* .service-area {position: relative; display:inline-block; vertical-align:middle; } */
.tb-service tbody tr td {padding:10px 20px; background:url('../images/layout/service-line.png')no-repeat 0 50%;}
.tb-service tbody tr td:first-child {border-left:0; background:none;}
.tb-service tbody tr td:last-child {border-left:0; background:none;}
.tb-service-hover tbody tr:hover {background:#EEE;}
.btn4tmySvc {border-top:1px solid #FFF; padding: 5px 30px; border-radius:0 0 10px 10px; left: 50%; transform:translateX(-50%);}
.btn4tmySvcDark {border-top:1px solid #505050; padding: 5px 30px; border-radius:0 0 10px 10px; left: 50%; transform:translateX(-50%);}

/* dropzone ( 멀티파일 업로드 ) */
.dropzone .dz-preview { margin: 10px !important; }
.dropzone .dz-preview .dz-progress { margin-top: 18px; left : 54%; height: 8px; width: 68px; }
.dropzone .dz-preview.dz-file-preview .dz-image { background: none !important; }
.dropzone .dz-preview .dz-remove { margin-top: 0.5rem; }
.dropzone .dz-preview .dz-error-message { top: 0px !important; left: -138px !important; width: 156px !important; word-break: keep-all; }
.dropzone .dz-preview .dz-error-message:after { top: 20px !important; right: -6px !important; left: 156px !important; border-top: 6px solid transparent !important; border-left: 6px solid #be2626 !important; border-right: 0px solid #be2626 !important; border-bottom: 6px solid transparent !important; }
/* dropzone 파일 업로드 경로 toastr */
#toast-container.dz-toast-top-center > div { max-width: 500px; width: 90%; }

/* dashBoard 프로그래스 바 추가 */
.dashBoard-progress-container { width: 100%; /*max-width: 600px;*/ display: flex; align-items: center; position: relative;}
.dashBorad-progress-bar { height: 30px; width: 0; background-color: #4caf50; position: relative; border-radius: 5px; transition: width 0.2s;}
.dashBorad-progress-bar span {/*position: absolute; width: 100%;*/ text-align: center; line-height: 30px; color: #333; }
.dashBoard-remaining-bar { height: 30px; flex-grow: 1; background-color: #ddd; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.dashBoard-remaining-bar span { margin-right: 10px; color: #D1180B; }
.dashBoard-color-labels { margin-top: 10px; display: flex; align-items: center; }
.dashBoard-color-box { width: 20px; height: 20px; background-color: #4caf50; border: 1px solid #333; margin-right: 10px; }
.dashBoard-color-labels span { font-size: 14px; color: #333; }
#progressText { position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); font-weight: bold; color: black; height: 30px; }

/*대시보드 모등층보기 모달*/
#all-modal-center .all-dialog-centered {
  max-width:1000px;
  min-height: calc(100% - 3.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#all-modal-center .all-dialog-centered .modal-content .modal-header {
  padding:1rem 1.25rem 0;
}
#all-modal-center .all-dialog-centered .modal-content .modal-body .heading-line {
  display: flex;
  justify-content: space-between;
}
#all-modal-center .all-dialog-centered .modal-content .modal-body .h2 {
  font-size:18px !important;
  font-weight: 700;
  color:#333;
}
#all-modal-center .all-dialog-centered .modal-content .modal-body .btn-outline-warning {
  color: #63b32e;
  border-color: #63b32e;
}
#all-modal-center .all-dialog-centered .modal-content .modal-body .btn-outline-warning:hover {
  background-color: #63b32e;
  border-color: #63b32e;
  color:#fff;
}

/* new dropzone ( 멀티파일 업로드 ) */
#dropzone-preview .dz-success-mark,#dropzone-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px
}

#dropzone-preview .dz-success-mark svg,#dropzone-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px
}

#dropzone-preview .dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

#dropzone-preview .dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in
}

#dropzone-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}

#dropzone-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255,255,255,.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

#dropzone-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out
}

#dropzone-preview .dz-error .dz-error-message {
    display: block
}

#dropzone-preview .dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

#dropzone-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: .5em 1.2em;
    color: #fff
}
#dropzone-preview .dz-error-message.warning-500 {
    background: linear-gradient(to bottom, #ffc241, #ecbe5d);
    color: rgba(0, 0, 0, 0.8)
}

#dropzone-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626
}

#dropzone-preview .panel { height: 36px; margin-bottom: 0px; }
#dropzone-preview .panel-content { padding: 0.5rem 0.5rem; }
#dropzone-preview .dz-error-message { top: 0px !important; left: -160px !important; width: 156px !important; word-break: keep-all; }
#dropzone-preview .dz-error-message:after { top: 20px !important; right: -6px !important; left: 156px !important; border-top: 6px solid transparent !important; border-left: 6px solid #be2626 !important; border-right: 0px solid #be2626 !important; border-bottom: 6px solid transparent !important; }
#dropzone-preview .dz-error-message.warning-500:after { border-left: 6px solid #ffc241 !important; border-right: 0px solid #ffc241 !important; }
#dropzone-preview .bg-error, .custom-file .bg-error { background: #be2626; color: #fff; }
#dropzone-preview .bg-error .btn-danger { background: #fff; color: #000; }

/* 토지/건물입력 목록 페이지 */
#tbody4list tr td {
	word-break: break-word;
}

.mgl30{margin-left: 30px !important;}
#auto-pdf-thead{position: sticky; top: 0;}
#auto-pdf-thead th, #auto-pdf-tbody th{text-align: center; padding: 10px 0 10px;}
.mh600{max-height: 450px; overflow-y:scroll;}
#auto-pdf-tbody .issued td{background-color: #ECF1F3;}
#auto-pdf-modal .autopdf-tr{text-align: center; font-size: 0.9rem; padding: 10px 20px;}
.issued-addr-div{overflow-y: scroll; max-height: 200px; text-align: left; padding: 0 4rem; margin-top: 20px;}