@font-face {font-family:NanumSquareNeo;font-style:normal;font-weight:100;src:url("../fonts/NanumSquareNeoTTF-aLt.woff") format('woff'); /* thin */ }
@font-face {font-family:NanumSquareNeo;font-style:normal;font-weight:400;src:url("../fonts/NanumSquareNeoTTF-bRg.woff") format('woff'); /* regular == normal */ }
@font-face {font-family:NanumSquareNeo;font-style:normal;font-weight:700;src:url("../fonts/NanumSquareNeoTTF-cBd.woff") format('woff'); /* bold */ }
@font-face {font-family:NanumSquareNeo;font-style:normal;font-weight:800;src:url("../fonts/NanumSquareNeoTTF-dEb.woff") format('woff'); /* extra bold */ }
@font-face {font-family:NanumSquareNeo;font-style:normal;font-weight:900;src:url("../fonts/NanumSquareNeoTTF-eHv.woff") format('woff'); /* heavy */ }

body {
	background-color:#fff;
	font-family: NanumSquareNeo;
	letter-spacing: -0.04rem;
}

table th, td{
	text-align:center;
}

.table thead th, .table th {
	font-size: 0.875rem;
	letter-spacing: -0.04rem;
	background:#e2e2e2;
	text-transform:none;
}

.table-public thead th, .table-public th, .table-public td {
	font-size: 14px;
	font-weight: 500;
	color: #000000;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	letter-spacing: -0.01rem;
}

.table-public th:first-child {
	min-width: 150px;
}

/* ============ mobile view ============ */
@media all and (max-width: 767px) {
	.table-public thead th, .table-public th, .table-public td {
		font-size: 12px;
	}
}

.table tbody td{
	background:white;
}

.card-table tr td:first-child, .card-table tr th:first-child{
    padding-left:1rem !important;
}

/* 화면상단 */
.navbar-toggler-icon {color:#c8d1ee}
.navbar {
	background-color:#293ca0;
}

.navbar-public {
	background-color:#fff;
	min-height: 90px;
}

.navbar-menu{
	background-color:#1D2D7B;
}

.navbar-menu-public {
	min-height: 40px !important;
	background-color:#127D62;
}

.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  opacity: 1;
}
.site-top{
	padding-top:0.35rem;
	padding-bottom:0.35rem;
	flex-wrap: wrap;
}

/* 사이트명 */
.navbar-brand-txt {
	color:#c8d1ee;
	/* margin-left: 1rem; */
	--tblr-avatar-size: 2rem;
	font-size: calc(var(--tblr-avatar-size) / 1.875);
	/* font-family: NanumSquareNeoTTF-dEb; */
	letter-spacing: -0.08rem;
}

.navbar-brand-txt-public {
	color: #484848;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.01rem !important;
}

.navbar-brand-image{
    margin-right:1rem;
}

.navbar-brand-image-public {
	margin-right:1.25rem;
	min-width: 176px;
	height: 40px;
}

.input-group-public {
	height: 37px !important;
}

/* 관리자님 로그아웃 시작 */
.avatar{
	background-color:#293ca0;
	border-radius:0px;
	box-shadow:none;
	color:#fff;
	--tblr-avatar-size: 2.5rem;
	width: var(--tblr-avatar-size) * 1.5;
	font-size: calc(var(--tblr-avatar-size) / 2.8571428572);
	vertical-align: middle;
	letter-spacing: -0.08rem;
}

.avatar-public {
	background-color:transparent;
	justify-content: flex-end;
}

.avatar a{
	--tblr-avatar-size: 2rem;
	font-size: calc(var(--tblr-avatar-size) / 2.8571428572);
	border-radius: 14px;
	background-color: #9fabe9;
	padding: 0.2rem 0.8rem;
	margin-left: 0.8rem;
	text-decoration: none;
	letter-spacing: -0.09rem;
}

.avatar-public a {
	font-size: 18px;
	background-color: transparent;
	color: #555555;
	font-weight: 700;
	padding-right: 0;
	letter-spacing: -0.01rem !important;
}

.form-control-public {
	width: 276px !important;
	padding-left: 20px !important;
}

.form-control-public::placeholder {
	font-weight: 700;
	font-size: 14px;
}

.form-check-input-public:checked {
	background-color: #127D62 !important;
}

.nav-link-title-public {
	font-size: 18px !important;
	font-weight: 500 !important;
	letter-spacing: -0.01rem !important;
	user-select: none;
}

.nav-link-title-public-indiv {
	font-size: 18px !important;
	font-weight: 500 !important;
	color: #CFFF67 !important;
	letter-spacing: -0.01rem !important;
	user-select: none;

}

/* 관리자님 로그아웃 시작 */

/* 메뉴 */
.nav-link-title, .nav-link-icon{
	color:#8991C0;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: -0.125rem;
}
.nav-link-icon{
	font-size: 1.55rem;
	margin-top: -0.72rem;
	margin-right: 0.8rem;

}
.nav-link-title.active, .nav-link-icon.active{
	color:#fff;
}

/* 컨텐츠 타이틀 */
.page-title{
	font-size: 1.05rem;
	letter-spacing: -0.13rem;
}
.page-title i, .modal-title i{
	margin-right:0.3rem;
	font-size: 70%;
}
/* .page-title span{
	margin-left:0.3rem;
	font-size: 75%;
	letter-spacing: -0.08rem;
}
 */
 .text-danger{
    margin-left:0.3rem;
    /*font-size: 75%;*/
    font-size:90%;
    letter-spacing: -0.08rem;
    font-weight:var(--tblr-font-weight-bold);
}

/* 카드 */
.bg-cardone {
	--tblr-blue-rgb: 60, 80, 150;
	--tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-cardtwo {
	--tblr-blue-rgb: 53, 105, 192;
	--tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
}.bg-cardthree {
	--tblr-blue-rgb: 69, 121, 146;
	--tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
}
.bg-cardfour {
	--tblr-blue-rgb: 52, 72, 104;
	--tblr-bg-opacity: 1;
	background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
}
.card-title{
	border-radius: 16px;
	border:solid 1px #fff;
	text-align:center;
	padding: 0.25rem !important;
}
.card-subtitle{
	font-size: 85%;
	text-align:center;
	margin-bottom:0.3rem;
}
.card-maintext{
	font-size: 1.5rem;
	text-align:center;
}
.card-maintext span{
	font-size: 2.5rem;
	font-weight:600;
}
.card-subtext{
	text-align:right;
	font-size: 1rem;
	letter-spacing: -0.07rem;
}
.card-subvalue{
	text-align:right;
	font-size: 1.2rem;
}
.card-subvalue span{
	font-size: 1.7rem;
	font-weight:600;
}

/* 라디오 버튼 */
.form-check-inline {
  margin-right: 0.3em;
  letter-spacing: -0.125rem;
}

.form-check-inline-public {
	letter-spacing: -0.01rem;
}

/* excel 버튼 */
.excel-btn {
	display: inline-block;
	letter-spacing: -0.125rem;
}
.excel-img{
	margin-right:0.3rem;
	width: 17px;
}
.chart-xlg {
  height: 20rem;
}

.chart-lg {
  height: 16rem;
}

.search-btn {
	display: inline-block;
	letter-spacing: -0.125rem;
}

.search-btn a{
	padding-left:30px;
	padding-right:30px;
}

/* 건물선택 버튼 */
.btn_sel_building_area{
	display:inline-block;
	float:right;
}
.btn_sel_building{
	background:#293ca0;
	color:white;
	padding:10px 15px;
}
.ti-building-estate, .ti-edit{
	margin-right:5px;
}

/* 푸터 */
.footer {
	background-color:#7f8089;
	color:#c6c7d1;
}
.list-inline-lines .list-inline-item + .list-inline-item:before {
	content: " │ ";
	-webkit-margin-end: 0.5rem;
	margin-inline-end: 0.5rem;
	color:#bfc9d8;
}
.link-secondary {
  color: #fff !important;
}

@media (max-width:390px){
    .navbar-brand-image{
        display:none;
    }
    .navbar>.container-xl{
        justify-content: flex-start;
    }
}

@media (max-width:340px){
	.card-maintext span{
	   font-size:1.5rem;
	}
	.card-subvalue span{
	   font-size:1rem;
	}
	.card-subtext{
	   font-size:0.7rem;
	}
}

/* 건물선택 모달 */
.modal-footer button{
	padding:8px 35px;
}
@media (min-width:576px){
	.sel-building-modal {
	    max-width: var(--tblr-modal-sel-building-width);
	}
}
.modal-body, .modal-footer{
	background:#f8f8f8;
}

.modal_content_area{
	padding:0.7rem 0rem;
}
.modal_table{
	border-top:1px solid #283c82;
	border-bottom:1px solid #283c82;
	border-left:1px solid #c8d2db;
	border-right:1px solid #c8d2db;
}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.filebox label {
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #4a4f6e;
    cursor: pointer;
    margin-left: 10px;
}

.file_table th{
	background:#e2e2e2;
}

.file_table_area{
	border-top:1px solid #283c82;
	border-bottom:1px solid #283c82;
	margin-top:0.7rem;
}

.modal_table td{
	padding:0.3rem 0.3rem !important;
}

.modal_table input{
	max-width:70px;
}


/* 건물선택 모달 버튼 */
.modal_btn_area{
	text-align:right;
}
.modal_btn{
	display:inline-block;
	margin:0.1rem;
}
.modal_btn i{
	margin-right:0.3rem;
}
.download_btn{
	margin-left:0.5rem;
}

.form-select, .form-control{
	font-family:NanumSquareNeo !important;
}

.link-navy{
	color:#293ca0 !important;
}

/* 2페이지 */
.table-sort{
	margin: -0.5rem 0.3rem;
}

/* 건물 검색 팝업 */
.modal-dialog-scrollable .modal-content {
  min-height: 70%;
  max-height: 70%;
}


/*.tree .content{
  margin-left: 1px;
}
.tree{
  margin-top: 5px;
}
.tree, .tree ul{
  list-style: none; !* 기본 리스트 스타일 제거 *!
  padding-left:25px;
}
.tree ul li{
  padding-top:8px;
}
.tree .dot{
  width:20px;
  height:15px;
  display:inline-block;
}
.tree label{
  cursor: pointer;
  font-family: NanumSquareNeo;
  font-size: 0.85rem;
  color: #191919;
}
.tree label:hover{
  color: #666666;
}
.tree .dot{
  !* content: '+' *!
  content:url("../images/minus.png");
  position:relative;
  width: 16px;
  height: 16px;
  top:5px;
  right:5px;
}
.tree label.lastTree .dot{
  content:url("../images/tree-dot.png");
  width: 6px;
  height: 6px;
  margin-right: 10px;
  top:0px !important;
  right:0px !important;
}
.tree label:hover .dot{
  content:url("../images/minus.png");
}
.tree label.lastTree:hover .dot{
  content:url("../images/tree-dot.png");
}
.tree input[type="checkbox"] {
  display: none;
}
.tree input[type="checkbox"]:checked~ul {
  display: none;
}
.tree input[type="checkbox"]:checked+label .dot{
  content:url("../images/plus.png");
}
.tree input[type="checkbox"]:checked+label:hover .dote{
  content:url("../images/plus.png");
}
.tree input[type="checkbox"]:checked+label.lastTree .dot{
  content:url("../images/tree-dot.png");
  top:0px !important;
  right:0px !important;
}
.tree input[type="checkbox"]:checked+label.lastTree:hover .dot{
  content:url("../images/tree-dot.png");
  top:0px !important;
  right:0px !important;
}*/


.tree{
  margin-top: 5px;
}
.tree, .tree ul{
  list-style: none; /* 기본 리스트 스타일 제거 */
  padding-left:25px;
}
.tree ul li{
  padding-top:8px;
}
.tree *:before{
  width:20px;
  height:15px;
  display:inline-block;
}
.tree label{
  cursor: pointer;
  font-family: NanumSquareNeo;
  font-size: 0.85rem;
  color: #191919;
}
.tree label:hover{
  color: #666666;
}
.tree label:before{
  /* content: '+' */
  content:url("../images/minus.png");
  position:relative;
  top:5px;
  right:5px;
}
.tree label.lastTree:before{
  content:url("../images/tree-dot.png");
  top:0px !important;
  right:0px !important;
}
.tree label:hover:before{
  content:url("../images/minus.png");
}
.tree label.lastTree:hover:before{
  content:url("../images/tree-dot.png");
}
.tree input[type="checkbox"] {
  display: none;
}
.tree input[type="checkbox"]:checked~ul {
  display: none;
}
.tree input[type="checkbox"]:checked+label:before{
  content:url("../images/plus.png");
}
.tree input[type="checkbox"]:checked+label:hover:before{
  content:url("../images/plus.png");
}
.tree input[type="checkbox"]:checked+label.lastTree:before{
  content:url("../images/tree-dot.png");
  top:0px !important;
  right:0px !important;
}
.tree input[type="checkbox"]:checked+label.lastTree:hover:before{
  content:url("../images/tree-dot.png");
  top:0px !important;
  right:0px !important;
}


/* 절기 기간 정보 */
.solar_term{
	border-radius: 18px;
	background-color: #fa8b32;
	padding: 0.5rem 0.8rem;
	text-decoration: none;
	letter-spacing: -0.09rem;
	font-color:#000;
	font-weight:600;
}

.input-icon{
	width:170px;
}

.input-icon-public {
	width: 140px;
}

@media (max-width: 767px) {
	.input-icon-public {
		flex: 1;
	}
}

.card-subimg{
	background-color: #fff;
	text-align:center;
	font-color:#000;
	border-radius: 10px;
	padding: 17px 28px 9px 36px;
}

/* 감축률 텍스트 */
.great_txt{
	font-size:1.7rem;color:#293ca0;font-weight:800;
}
.good_txt{
	font-size:1.7rem;color:#249801;font-weight:800;
}
.bad_txt{
	font-size:1.7rem;color:#e04a74;font-weight:800;
}

/* 시스템 설정 */
.fsize80{
	font-size: 80%;
}

.delFile {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: text-top;
    display: inline-block !important;
    background: url(../images/btn_delete.png) no-repeat 0 0;
}

.divTempEnergyFilesName{
	text-align:left;
}

.energyFileWrap {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}


/* 경영평가, 정부합동평가 */
.stepArea{
	margin-bottom:50px;
}
.stepArea h3, .stepArea h4{
	margin-top:30px;
}
.tbArea{
	margin-top:20px;
	border-top:2px solid #1d273b;
    border-bottom:2px solid #1d273b;
}
.manageEvalTb{
	margin:0px;
}
.manageEvalTb td{
	text-align:left;
	vertical-align:middle;
}
.manageEvalTb th{
	border:1px solid rgba(97, 104, 118, 0.16);
	vertical-align:middle;
}
.manageEvalTb input[type="text"], .manageEvalTb input[type="number"],  .manageEvalTb input[type="tel"], .manageEvalTb input[type="email"]{
	width:100%;
}
.manageEvalTb tbody td .orgPerfExcelDown{
	float:right;
}

.govEvalTb {
	margin: 0px;
}

.govEvalTb td {
	text-align: left;
	vertical-align: middle;
}

.govEvalTb th {
	border: 1px solid rgba(97, 104, 118, 0.16);
	vertical-align: middle;
}

.govEvalTb input[type="text"], .govEvalTb input[type="number"], .govEvalTb input[type="tel"], .govEvalTb input[type="email"] {
	width: 100%;
}

.govEvalTb tbody td .orgPerfExcelDown {
	float: right;
}

.customerNumTb th{
	width:12%;
}
.customerNumTb td{
	width:21%;
}
.radioTxt{
	padding:0px 10px;
}
.customerNumArea{
	float:right;
}
.customerNumArea a, .customerNumArea div{
	display:block;
}
.inputLabel{
	margin-top:10px;
	margin-left:10px;
}

.engyTb td{
    text-align:center;
    border:1px solid #e2e2e2;
}
.engyTb input[type="text"], .engyTb input[type="number"]{
	width:100%;
}
.btnFile{
    background:#616876;
    padding:6px 15px;
    border-radius:5px;
    color:white;
    cursor:pointer;
}
.engyInputExcHeatdisable{
	background:#e2e2e2;
}
.divFileBoxWrap .divFileListWrap {
    display: inline-block;
    width: calc(100% - 154px);
    border: 2px solid #b3b3b3;
    min-height: 34px;
    vertical-align: top;
    line-height: 30px;
    padding-left: 7px;
    max-height: 170px;
    overflow-y: auto;
    text-align: left;
}
.divFileBoxWrap .divFileListWrap .perforFileWrap {
    display: inline-block;
    margin-right: 8px;
    padding-top:10px;
}

.perfEvalTb input[type="text"], .perfEvalTb input[type="number"]{
	width:20%;
}
.perfEvalTb th{
	width:15%;
}
.perfEvalTb tbody td:nth-child(2){
	width:20%;
}
.reasonTxt{
	display:block;
}
.excludeReqArea div{
	padding-top:10px;
}
.btnFileArea{
	padding-top:10px;
}
.perforFileWrap .delExceFile, .delQtyFile, .delEtcFile {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block !important;
    background: url(../../../pubRes/baseFile/images/btn_delete.png) no-repeat 0 0;
    float:none;
}


.divParentBtnWrap{
	text-align:center;
	padding-bottom:50px;
}
.divParentBtnWrap a{
	margin:10px;
    padding: 10px 30px;
    font-size: large;
    font-weight: bold;
}


.divTextInfo{
    width: 97%;
    margin: 0 auto;
    line-height: 27px;
    font-size: 14px;
    background-color: #EEE;
    border-radius: 8px;
    margin-top: 20px;
    padding-left: 10px;
    font-weight: 400;
    color: #252525;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btnPopEnteInputListAdd{
   float:right;
}
.divPopEnteInputListWrap .enteInputListWrap {
    position: relative;
    width: 640px;
    margin-top: 12px;
    display: inline-block;
    vertical-align: top;
}
.divPopConWrap .group {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 0px;
    width: 50%;
    overflow: hidden;
}
.pageSelectBox {
    width: 95px !important;
    margin-right: 3px;
    padding: 9px 12px;
    border-radius: 5px;
    border: 1px solid #9c9c9c;
}
.enteInputListWrap{
	padding-top:20px;
}
.enteInputListWrap .enteInputList {
    position: relative;
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.enteInputListWrap .btnPopEnteInputListDelete {
    margin: 0px;
    margin-top: 1px;
    margin-left: 0px;
    padding: 8px 15px;
}
.group .inputBox, .popDefaultInputBox {
    border: none;
    padding: 8px 12px;
    border-radius: 5px;
    background: rgb(255 255 255 / 69%);
    border: 1px solid #9c9c9c;
}
.dataWrap{
	display:inline-block;
	width:60%;
}
.engyTb .engyFile{
	width:100%;
}
.infoArea{
	margin-top:40px;
}
.infoArea p{
	margin:0px !important;
}
.slash{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="lightgray" /></svg>') !important;
}