/***************************** mypage *****************************/

.report-popup.mypage { background-color:rgba(0,0,0,0.6);  justify-content:center; position:fixed; top:0; left:0; right:0;  display:none;  display:flex; padding-top: 80px; padding-bottom: 80px; z-index: 998; display: none;}
.report-popup.mypage .popup{ width:100%; max-width:1088px; overflow-y: scroll;  box-shadow: 0px 1px 1px 0px #00000033; background-color: #fff; border-radius: 12px; max-height: calc(100vh); padding-bottom: 100px; }
.report-popup.mypage .popup .popup-header {padding: 0 32px; height: 80px; display: flex; justify-content: space-between; align-items: center;}
.report-popup.mypage .popup .popup-header .logo {display: inline-block; width: 100px;}
.report-popup.mypage .popup .popup-header .logo img {width: 100%; display: block;}
.report-popup.mypage .popup .popup-header .btn-area {display: flex; align-items: center; gap: 24px; margin-bottom: 0;}
.report-popup.mypage .popup .popup-header .btn-area .btn-pdf {background-color: #f7f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; line-height: 18px; width: 140px; height: 48px;}
.report-popup.mypage .popup .popup-header .btn-area .btn-pdf .ico-area {display: inline-block; width: 20px;}
.report-popup.mypage .popup .popup-header .btn-area .btn-pdf .ico-area img {width: 100%; display: block;}
.report-popup.mypage .popup .popup-header .btn-close {display: inline-block; width: 24px;}
.report-popup.mypage .popup .popup-header .btn-close img {width: 100%; display: block;}
.report-popup.mypage .popup .popup-contents {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 56px; padding: 56px 40px 40px;}
.report-popup.mypage .popup .popup-contents .tit {font-size: 32px; line-height: 40px; letter-spacing: -0.1px; font-weight: 700; text-align: center;}
.report-popup.mypage .popup .popup-contents .line-area { width: 100%; border: 1px solid #E2E5EC; border-radius: 8px;}
.report-popup.mypage .popup .popup-contents .line-area .line {border-bottom: 1px solid #E2E5EC; display: flex; align-items: center;}
.report-popup.mypage .popup .popup-contents .line-area .line:last-child {border-bottom: none;}
.report-popup.mypage .popup .popup-contents .line-area .line span{padding: 20px 0 20px 24px; font-weight: 700;}
.report-popup.mypage .popup .popup-contents .line-area .line span.emphasis{color: #00846C;}
.report-popup.mypage .popup .popup-contents .line-area .line span:nth-child(1) {width: 200px; flex: none;}
.report-popup.mypage .popup .popup-contents .line-area .line span:nth-child(2) {width: 100%;}
.report-popup.mypage .popup .popup-contents .graph-area {width: 100%; border-bottom: 1px solid #C6CBCE; background-color: #F7F8F9; padding: 24px;}
.report-popup.mypage .popup .popup-contents .graph-area .tit-area {display: flex; align-items: center; justify-content: space-between; height: 40px; margin-bottom: 12px;}
.report-popup.mypage .popup .popup-contents .graph-area .tit-area .tit {font-size: 17px; line-height: 24px; font-weight: 700;}
.report-popup.mypage .popup .popup-contents .graph-area .tit-area .select-area {display: flex; align-items: center; gap: 12px; height: 40px;}
.report-popup.mypage .popup .popup-contents .graph-area .tit-area .select-area .nice-select {width: 116px; height: 40px !important; display: flex; align-items: center;}
.report-popup.mypage .popup .popup-contents .graph-area .tit-area .select-area .nice-select .option {width: 100% !important; line-height: 24px !important;}
.report-popup.mypage .popup .popup-contents .graph-area .tit-area .select-area .nice-select::after {top: 10px !important;}
.report-popup.mypage .popup .popup-contents .graph-area .tit-area .date-box .input-date {position: relative; cursor: pointer; width: 132px; height: 40px; }
.report-popup.mypage .popup .popup-contents .graph-area .tit-area .date-box .input-date input {cursor: pointer; width: 100%; height: 100%; padding-left: 12px; border: 1px solid #E2E5EC; border-radius: 8px;}
.report-popup.mypage .popup .popup-contents .graph-area .tit-area .date-box .input-date::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  background: url('/images/user/ico-calendar.svg') no-repeat center center !important;
  background-size: contain;
  transition: all 0.15s ease-in-out 0s;
}

.report-popup.mypage .popup .popup-contents .graph-area .graph-box {border: 1px solid #E2E5EC; border-radius: 8px; width: 100%; height: 352px; padding: 38px 14px 26px; background-color: #fff; margin-bottom: 12px;}
.report-popup.mypage .popup .popup-contents .graph-area .graph-box .txt {display: flex; justify-content: space-between; align-items: flex-end; padding-right: 24px;}
.report-popup.mypage .popup .popup-contents .graph-area .graph-box .txt .kwh {font-size: 10px; color: #727F85; line-height: 12px;}
.report-popup.mypage .popup .popup-contents .graph-area .graph-box .txt span {color: #304248; font-size: 14px; display: flex; align-items: center; gap: 6px;}
.report-popup.mypage .popup .popup-contents .graph-area .graph-box .txt span em {width: 16px; height: 16px; border-radius: 4px; background-color: #0FA9A9;}
.report-popup.mypage .popup .popup-contents .graph-area .graph-box canvas {width: 100%; height: 300px;}
.report-popup.mypage .popup .popup-contents .graph-area .item-area {display: flex; gap: 12px;}
.report-popup.mypage .popup .popup-contents .graph-area .item-area .item {width: 100%; border: 1px solid #E2E5EC; background-color: #fff; padding: 30px 20px;border-radius: 8px;}
.report-popup.mypage .popup .popup-contents .graph-area .item-area .item .tit {font-size: 15px; font-weight: 700; line-height: 24px; text-align: left;}
.report-popup.mypage .popup .popup-contents .graph-area .item-area .item .num-area {text-align: right;}
.report-popup.mypage .popup .popup-contents .graph-area .item-area .item .num-area .num {display: flex; align-items: flex-end; justify-content: flex-end; gap: 4px; font-size: 27px; line-height: 32px; letter-spacing: -0.1px; text-align: right; margin-bottom: 8px;}
.report-popup.mypage .popup .popup-contents .graph-area .item-area .item .num-area .num span {font-size: 17px; line-height: 24px;}
.report-popup.mypage .popup .popup-contents .graph-area .item-area .item .num-area .txt {color: #304248; font-size: 14px; line-height: 16px;} 
.report-popup.mypage .popup .popup-contents .graph-area .item-area .item .num-area .txt b {font-weight: 700;}
.report-popup.mypage .popup .popup-contents .record-area { display: flex; flex-direction: column; gap: 56px; width: 100%;}
.report-popup.mypage .popup .popup-contents .record-area .record {width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.report-popup.mypage .popup .popup-contents .record-area .record .tit {font-size: 20px; font-weight: 700; margin-bottom: 16px;}
.report-popup.mypage .popup .popup-contents .record-area .record .box {border: 1px solid #C6CBCE; border-radius: 8px; width: 100%; padding: 20px 24px; height: 120px; font-weight: 700; line-height: 24px;}
.report-popup.mypage .popup .btn-area {display: flex; justify-content: center; margin-bottom: 56px;}
.report-popup.mypage .popup .btn-area .btn-pdf {background-color: #f7f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; line-height: 18px; width: 140px; height: 48px;}
.report-popup.mypage .popup .btn-area .btn-pdf .ico-area {display: inline-block; width: 20px;}
.report-popup.mypage .popup .btn-area .btn-pdf .ico-area img {width: 100%; display: block;}

/***************************** gnb *****************************/

.report-popup.gnb {background-color:rgba(0,0,0,0.6);  justify-content:center; position:fixed; top:0; left:0; right:0;  display:none;  display:flex; padding-top: 80px; padding-bottom: 80px; z-index: 998; display: none;}
.report-popup.gnb .popup{ width:100%; max-width:1600px; overflow-y: auto; box-shadow: 0px 1px 1px 0px #00000033; background-color: #fff; border-radius: 12px; max-height: calc(100vh - 160px);}
.report-popup.gnb .popup .popup-header {padding: 0 32px; height: 80px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
.report-popup.gnb .popup .popup-header .logo {display: inline-block; width: 100px;}
.report-popup.gnb .popup .popup-header .logo img {width: 100%; display: block;}
.report-popup.gnb .popup .popup-header .btn-area {display: flex; align-items: center; gap: 24px; margin-bottom: 0;}
.report-popup.gnb .popup .popup-header .btn-area .btn-pdf {background-color: #f7f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; line-height: 18px; width: 140px; height: 48px; border: none; cursor: pointer;}
.report-popup.gnb .popup .popup-header .btn-area .btn-pdf .ico-area {display: inline-block; width: 20px;}
.report-popup.gnb .popup .popup-header .btn-area .btn-pdf .ico-area img {width: 100%; display: block;}
.report-popup.gnb .popup .popup-header .btn-close {display: inline-block; width: 24px; border: none; background: none; cursor: pointer;}
.report-popup.gnb .popup .popup-header .btn-close img {width: 100%; display: block;}
.report-popup.gnb .popup .tit {font-size: 32px; line-height: 40px; letter-spacing: -0.1px; font-weight: 700; text-align: center;}
.report-popup.gnb .popup .popup-contents {display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 56px; padding: 120px 256px 80px;}
.report-popup.gnb .popup .popup-contents .report {}
.report-popup.gnb .popup .popup-contents .report .tit-area {margin-bottom: 32px;}
.report-popup.gnb .popup .popup-contents .report.report4 .tit-area {margin-bottom: 40px;}
.report-popup.gnb .popup .popup-contents .report .tit-area .m-tit {font-size: 27px; font-weight: 700; line-height: 32px; letter-spacing: -0.1px; display: flex; align-items: center; gap: 12px; margin-bottom: 24px;} 
.report-popup.gnb .popup .popup-contents .report .tit-area .m-tit em {width: 40px; height: 40px; display: inline-block; background-color: #000; color: #fff;  display: flex; justify-content: center; align-items: center; font-size: 20px; border-radius: 50%;}
.report-popup.gnb .popup .popup-contents .report .tit-area .s-tit {color: #304248; line-height: 24px ;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box {display: flex; gap: 32px; margin-bottom: 32px; width: 100%; box-sizing: border-box;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item {border: 1px solid #E2E5EC; padding: 24px; border-radius: 12px; flex: 1;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item .tit {font-size: 20px; font-weight: 700; margin-bottom: 16px; text-align: left;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item .cont {display: inline-block; color: #304248; margin-bottom: 40px;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item .price-box {display: flex; gap: 40px;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item .price-box .price {} 
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item .price-box .price .unit {color: #304248; margin-bottom: 8px; display: inline-block;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item .price-box .price .amount {font-size: 20px; font-weight: 700; display: flex; gap: 8px; align-items: flex-end; line-height: 24px;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item .price-box .price .amount .up {color: #F16E5C;}
.report-popup.gnb .popup .popup-contents .report.report1 .item-box .item .price-box .price .amount .down {color: #1787EE;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area {width: 100%; height: 576px; padding: 96px 24px 24px; position: relative; box-sizing: border-box;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top {display: flex; justify-content: space-between; width: calc(100% - 48px); position: absolute; left: 24px; top: 24px; box-sizing: border-box;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .label-area {display: flex; gap: 32px; align-items: center;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .label-area .label {display: flex; align-items: center; gap: 12px; font-weight: 700;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .label-area .label span {width: 20px; height: 20px; border-radius: 50%;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .label-area .label:nth-child(1) span {background-color: #003A6F;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .label-area .label:nth-child(2) span {background-color: #0FA9A9;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .label-area .label:nth-child(3) span {background-color: #51D89F;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .label-area .label:nth-child(4) span {border: 2px dashed #304248;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area {width: 160px; flex-shrink: 0;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select {width: 100%; height: 40px !important; line-height: 40px !important; display: flex; align-items: center; border: 1px solid #E2E5EC; border-radius: 8px; background-color: #fff; padding: 0 16px; box-sizing: border-box; position: relative; font-size: 15px; font-weight: 500; color: #000;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select.open {border: 1px solid #E2E5EC;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select::after {content: ''; width: 20px !important; height: 20px !important; position: absolute; top: 50% !important; transform: translateY(-50%) !important; right: 12px !important; background: url('/images/user/ico-arrow-down.svg') no-repeat center center !important; background-size: contain !important; transition: transform 0.15s ease-in-out !important;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select.open::after {transform: translateY(-50%) rotate(-180deg) !important;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select .list {width: 100% !important; min-width: 100% !important; box-sizing: border-box; padding: 8px !important; background: #fff; box-shadow: 0px 0px 16px rgba(17, 50, 59, 0.10); border-radius: 8px; border: 1px solid #C6CBCE; height: auto !important; max-height: 200px;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select .option {line-height: 40px !important; height: 40px !important; padding: 0 8px !important; width: 100% !important; box-sizing: border-box; border-radius: 6px; font-size: 15px; font-weight: 500; color: #000; min-height: 40px !important;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select .option:hover {background-color: #F7F8F9;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select .option.selected, .report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select .option.selected.focus {position: relative; padding-right: 32px !important; background-color: #F7F8F9;}
.report-popup.gnb .popup .popup-contents .report.report1 .graph-area .graph-top .select-area .nice-select .option.selected::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; width: 16px; height: 16px; background: url('/images/user/ico-ok.svg') no-repeat center center; background-size: cover;}
.report-popup.gnb .popup .popup-contents .report.report2 .item-box {display: flex; gap: 32px; flex-direction: column;}
.report-popup.gnb .popup .popup-contents .report.report2 .item-box .item {border: 1px solid #E2E5EC; padding: 24px; border-radius: 12px; flex: 1;}
.report-popup.gnb .popup .popup-contents .report.report2 .item-box .item .tit {font-size: 20px; font-weight: 700; margin-bottom: 16px; text-align: left;}
.report-popup.gnb .popup .popup-contents .report.report2 .item-box .item .cont {display: inline-block; color: #304248; margin-bottom: 32px; line-height: 24px;}
.report-popup.gnb .popup .popup-contents .report.report2 .item-box .item button {background-color: #23AB72; padding: 12px 10px; color: #fff; display: flex; align-items: center; gap: 6px; border-radius: 6px; border: none;}
.report-popup.gnb .popup .popup-contents .report.report2 .item-box .item button .ico-area {width: 16px; height: 100%; display: flex; align-items: center;}
.report-popup.gnb .popup .popup-contents .report.report2 .item-box .item button .ico-area img {width: 100%; display: block;}
.report-popup.gnb .popup .popup-contents .report.report3 .item-box {display: flex; gap: 32px; flex-direction: column;}
.report-popup.gnb .popup .popup-contents .report.report3 .item-box .item {border: 1px solid #E2E5EC; padding: 24px; border-radius: 12px; flex: 1;}
.report-popup.gnb .popup .popup-contents .report.report3 .item-box .item .tit {font-size: 20px; font-weight: 700; margin-bottom: 16px; text-align: left;}
.report-popup.gnb .popup .popup-contents .report.report3 .item-box .item .cont {display: inline-block; color: #304248; margin-bottom: 32px; line-height: 24px;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 40px;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item {width: 336px; position: relative;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .d-day {position: absolute; left: 0; top: 16px; background-color: #fff; color: #00846C; font-size: 14px; padding: 8px 10px; border-radius: 0px 4px 4px 0px}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .img-area {width: 100%; height: 184px; background-color: #E2E5EC; border-radius: 8px; overflow: hidden; margin-bottom: 16px;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .img-area img {width: 100%; display: block;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .tag-area {display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .tag-area .tag {font-size: 12px; padding: 9px 8px; border: 1px solid #C6CBCE; border-radius: 8px;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .tit {font-size: 17px; font-weight: 700; line-height: 24px; margin-bottom: 24px; text-align: left;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .txt-area {display: flex; flex-direction: column; gap: 16px;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .txt-area .line {display: flex; gap: 16px; align-items: center;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .txt-area .line span {font-size: 14px; line-height: 16px; display: flex; align-items: center; gap: 4px;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .txt-area .line span:nth-child(1) {width: 73px; flex: none; color: #304248;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .txt-area .line span:nth-child(2) {color: #000;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .txt-area .line span em{width: 16px;}
.report-popup.gnb .popup .popup-contents .report.report4 .item-box .item .txt-area .line span em img {width: 100%; display: block;}
.report-popup.gnb .popup .btn-area {display: flex; justify-content: center; margin-bottom: 56px;}
.report-popup.gnb .popup .btn-area .btn-pdf {background-color: #f7f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; line-height: 18px; width: 140px; height: 48px; border: none; cursor: pointer;}
.report-popup.gnb .popup .btn-area .btn-pdf .ico-area {display: inline-block; width: 20px;}
.report-popup.gnb .popup .btn-area .btn-pdf .ico-area img {width: 100%; display: block;}

/***************************** service *****************************/


.report-popup.service {background-color:rgba(0,0,0,0.6);  justify-content:center; position:fixed; top:0; left:0; right:0;  display:none;  /*display:flex;*/ padding-top: 80px; z-index: 998;  display: none;}
.report-popup.service .popup{ width:100%; max-width:1088px; overflow-y: auto; box-shadow: 0px 1px 1px 0px #00000033; background-color: #fff; border-radius: 12px; padding-bottom: 116px; max-height: calc(100vh);}
.report-popup.service .popup .popup-header {padding: 0 32px; height: 80px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 56px;}
.report-popup.service .popup .popup-header .logo {display: inline-block; width: 100px;}
.report-popup.service .popup .popup-header .logo img {width: 100%; display: block;}
.report-popup.service .popup .popup-header .btn-area {display: flex; align-items: center; gap: 24px; margin-bottom: 0;}
.report-popup.service .popup .popup-header .btn-area .btn-pdf {background-color: #f7f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; line-height: 18px; width: 140px; height: 48px;}
.report-popup.service .popup .popup-header .btn-area .btn-pdf .ico-area {display: inline-block; width: 20px;}
.report-popup.service .popup .popup-header .btn-area .btn-pdf .ico-area img {width: 100%; display: block;}
.report-popup.service .popup .popup-header .btn-close {display: inline-block; width: 24px;}
.report-popup.service .popup .popup-header .btn-close img {width: 100%; display: block;}
.report-popup.service .popup > .tit {font-size: 32px; line-height: 40px; letter-spacing: -0.1px; font-weight: 700; text-align: left; padding-left: 40px;}
.report-popup.service .popup .popup-contents {display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 56px; padding: 56px 40px 40px;}
.report-popup.service .popup .popup-contents .report {width: 100%;}
.report-popup.service .popup .popup-contents .report .tit-area {margin-bottom: 24px; display: flex; gap: 24px; align-items: center;}
.report-popup.service .popup .popup-contents .report .tit-area .qna {display: flex; justify-content: center; align-items: center; gap:4px; font-size: 13px; color: #1787EE; line-height: 20px; cursor: pointer; position: relative; padding: 10px 0;}
.report-popup.service .popup .popup-contents .report .tit-area .qna .ico-info {width: 20px;}
.report-popup.service .popup .popup-contents .report .tit-area .qna .ico-info img {width: 100%; display: block;}
.report-popup.service .popup .popup-contents .report .tit-area .qna:hover .bubble {display: block;}
.report-popup.service .popup .popup-contents .report .tit-area .qna .bubble {
  display: none;
	position: absolute;
  top: 40px;
  left: 15%;
	background: #fff;
	border-radius: 12px;
  padding: 16px;
  width: 309px;
  box-shadow: 0px 2px 16px 0px #00000033;
  text-align: left;
  z-index: 10;
}
.report-popup.service .popup .popup-contents .report .tit-area .qna .bubble::after {
  content: '';
  position: absolute; 
  top: -6px;
  left: 16px;
  width: 8px;
  height: 6px;
  background: url('/images/user/ico-bubble-tail.svg') no-repeat center center;
}
.report-popup.service .popup .popup-contents .report .tit-area .qna .bubble .m-tit {font-size: 14px; color: #000; line-height: 16px; font-weight: 700; margin-bottom: 12px;}
.report-popup.service .popup .popup-contents .report .tit-area .qna .bubble .s-tit {font-size: 12px; line-height: 17px; color: #304248; margin-bottom: 8px;}

.report-popup.service .popup .popup-contents .report.report5 .tit-area {margin-bottom: 0px;}
.report-popup.service .popup .popup-contents .report .tit-area .m-tit {font-size: 20px; font-weight: 700; line-height: 32px; letter-spacing: -0.1px; display: flex; align-items: center; gap: 12px; margin-bottom: 0px;} 
.report-popup.service .popup .popup-contents .report .tit-area .m-tit em {width: 32px; height: 32px; display: inline-block; background-color: #000; color: #fff;  display: flex; justify-content: center; align-items: center; font-size: 17px; border-radius: 50%;}
.report-popup.service .popup .popup-contents .report .tit-area .s-tit {color: #304248; line-height: 24px;}
.report-popup.service .popup .popup-contents .report.report1 .item-box {width: 100%;}
.report-popup.service .popup .popup-contents .report.report1 .item-box .item {border: 1px solid #E2E5EC; width: 100%; border-radius: 8px;}
.report-popup.service .popup .popup-contents .report.report1 .item-box .item .line {display: flex; align-items: center; border-bottom: 1px solid #E2E5EC; }
.report-popup.service .popup .popup-contents .report.report1 .item-box .item .line:last-child {border-bottom: none;}
.report-popup.service .popup .popup-contents .report.report1 .item-box .item .line p {padding:  20px 0 20px 16px; font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report1 .item-box .item .line p:nth-child(1) {width: 200px; flex: none;}
.report-popup.service .popup .popup-contents .report.report1 .item-box .item .line p:nth-child(2) {flex: 1;}
.report-popup.service .popup .popup-contents .report.report1 .item-box .item .line p em {color: #23AB72; margin-bottom: 8px; font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report1 .item-box .item .line p .txt-area {display: flex; gap: 16px;}
.report-popup.service .popup .popup-contents .report.report1 .item-box .item .line p .txt-area span {font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report2 {}
.report-popup.service .popup .popup-contents .report.report2 .tit-area .m-tit {margin-bottom: 0;} 
.report-popup.service .popup .popup-contents .report.report2 .graph-area {width: 100%; height: 520px; position: relative; padding-top: 60px; margin-bottom: 24px;}
.report-popup.service .popup .popup-contents .report.report2 .graph-area .graph-top {display: flex; justify-content: space-between; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0px;}
.report-popup.service .popup .popup-contents .report.report2 .graph-area .graph-top .label-area {display: flex; gap: 32px; align-items: center; padding-left: 73px;}
.report-popup.service .popup .popup-contents .report.report2 .graph-area .graph-top .label-area .label {display: flex; align-items: center; gap: 12px; font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report2 .graph-area .graph-top .label-area .label span {width: 20px; height: 20px;}
.report-popup.service .popup .popup-contents .report.report2 .graph-area .graph-top .label-area .label:nth-child(1) span {background-color: #0FA9A9; border-radius: 4px;}
.report-popup.service .popup .popup-contents .report.report2 .graph-area .graph-top .select-area {width: 200px;}
.report-popup.service .popup .popup-contents .report.report2 .graph-area .graph-top .select-area .nice-select {width: 100%; height: 48px !important; display: flex; align-items: center;}
.report-popup.service .popup .popup-contents .report.report2 .graph-area .graph-top .select-area .nice-select .option {line-height: 24px !important;}
.report-popup.service .popup .popup-contents .report.report2 .table-area {}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table{border: 1px solid #E2E5EC; border-radius: 8px;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .tr{height: 56px; display: flex; border-bottom: 1px solid #E2E5EC;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .tr .th {font-size: 14px; line-height: 16px; font-weight: 700; display: flex; align-items: center; color: #304248;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .tr .th:nth-child(1) {width: 180px; padding-left: 24px;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .tr .th:nth-child(2) {width: 276px; justify-content: center;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .tr .th:nth-child(3) {width: 276px; justify-content: center;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .tr .th:nth-child(4) {width: 276px; justify-content: center;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .td {font-size: 15px; color: #000; height: 64px; display: flex; align-items: center; border-bottom: 1px solid #E2E5EC;} 
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .td:last-child {border-bottom: none;} 
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .td .th {display: flex; font-weight: 700;} 
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .td .th:nth-child(1) {width: 180px; padding-left: 24px;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .td .th:nth-child(2) {width: 276px; justify-content: center;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .td .th:nth-child(3) {width: 276px; justify-content: center;}
.report-popup.service .popup .popup-contents .report.report2 .table-area .table .td .th:nth-child(4) {width: 276px; justify-content: center; color: #00846C;}
.report-popup.service .popup .popup-contents .report.report3 .item-box {width: 100%;}
.report-popup.service .popup .popup-contents .report.report3 .item-box .item {border: 1px solid #E2E5EC; width: 100%; border-radius: 8px;}
.report-popup.service .popup .popup-contents .report.report3 .item-box .item .line {display: flex; align-items: center; border-bottom: 1px solid #E2E5EC; }
.report-popup.service .popup .popup-contents .report.report3 .item-box .item .line:last-child {border-bottom: none;}
.report-popup.service .popup .popup-contents .report.report3 .item-box .item .line p {}
.report-popup.service .popup .popup-contents .report.report3 .item-box .item .line p:nth-child(1) {width: 240px; flex: none; padding:  32px 0 32px 24px; font-weight: 700; font-size: 15px; line-height: 24px;}
.report-popup.service .popup .popup-contents .report.report3 .item-box .item .line p:nth-child(2) {flex: 1; padding: 20px 0 20px 24px; font-size: 14px; line-height: 16px;}
.report-popup.service .popup .popup-contents .report.report3 .item-box .item .line p em {color: #23AB72; font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report3 .item-box .item .line p .txt-area {display: flex; gap: 16px;}
.report-popup.service .popup .popup-contents .report.report3 .item-box .item .line p .txt-area span {font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report4 .tit-area {margin-bottom: 24px; flex-direction: column; align-items: flex-start; gap: 0px;}
.report-popup.service .popup .popup-contents .report.report4 .tit-area .m-tit {margin-bottom: 12px;}
.report-popup.service .popup .popup-contents .report.report4 .tit-area .s-tit {color: #304248; line-height: 24px; display: flex; flex-direction: column; gap: 8px;}
.report-popup.service .popup .popup-contents .report.report4 .tit-area .s-tit .desc {font-size: 12px; line-height: 14px;}
.report-popup.service .popup .popup-contents .report.report4 .item-box {margin-bottom: 24px;}
.report-popup.service .popup .popup-contents .report.report4 .item-box .item .opinion-area {}
.report-popup.service .popup .popup-contents .report.report4 .item-box .item .opinion-area .tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.report-popup.service .popup .popup-contents .report.report4 .item-box .item .opinion-area .tit span {font-size: 13px; color: #727F85;}
.report-popup.service .popup .popup-contents .report.report4 .item-box .item .opinion-area .tit span:nth-child(1) {}
.report-popup.service .popup .popup-contents .report.report4 .item-box .item .opinion-area .tit span:nth-child(2) {}
.report-popup.service .popup .popup-contents .report.report4 .item-box .item .opinion-area textarea {width: 100%; resize: none; height: 144px; border: 1px solid #E2E5EC; border-radius: 8px; padding: 16px; line-height: 24px;}
.report-popup.service .popup .popup-contents .report.report4 .item-box .item .opinion-area textarea::placeholder {color: #000;}

.report-popup.service .popup .popup-contents .report.report4 .table-area {}
.report-popup.service .popup .popup-contents .report.report4 .table-area .btn-area {display: flex; gap: 8px; align-items: center; justify-content: flex-start; margin-bottom: 16px;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .btn-area button {width: 120px; height: 48px; background-color: #F7F8F9; border-radius: 8px; color: #304248; line-height: 18px; display: flex; justify-content: center; align-items: center;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .btn-area button.active {color: #fff; background-color: #23AB72;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table.active {display: flex;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table {display: none; align-items: flex-start; border: 1px solid #E2E5EC; font-size: 14px; font-weight: 700; border-radius: 8px; overflow-x: auto;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part {border-right: 1px solid #E2E5EC;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part:last-child {border-right: none;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part:nth-of-type(1) {width: 144px; flex: none;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part:nth-of-type(2) {flex: 1;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part:nth-of-type(3) {flex: 1;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part:nth-of-type(4) {flex: 1;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part .part-tit {height: 44px; display: flex; justify-content: center; padding-top: 20px;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part .part-tit .emphasis {color: #00846C; font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line-area {display: flex; justify-content: space-between;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line-area .line {flex: 1;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .tr {height: 40px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #E2E5EC;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .tr .th{font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .td {height: 56px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #E2E5EC;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .td:last-child {border-bottom: none;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .td .th {font-weight: 700; display: flex; gap: 8px; align-items: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .td .th .ico-down {width: 20px; display: flex; align-items: center; transition: .5s;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .td .th.active .ico-down {transform: rotate(180deg);}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .td .th .ico-down img {width: 100%; display: block;}

.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .hide-area {display: none; background-color: #F7F8F9; border-bottom: 1px solid #E2E5EC;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .hide-area.active {display: block;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .hide-area .td {border-bottom: none; height: 40px; font-weight: 500;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .line .hide-area .td .th {font-weight: 500;}

.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part .onsite, .report-popup.service .popup .popup-contents .report.report4 .table-area .table .part .offsite {cursor: pointer;}
.report-popup.service .popup .popup-contents .report.report4 .table-area .table .part1 .line .td .th {justify-content: flex-start; padding-left: 16px;}

.report-popup.service .popup .popup-contents .report.report5 .tit-area {margin-bottom: 24px; flex-direction: column; align-items: flex-start; gap: 0px;}
.report-popup.service .popup .popup-contents .report.report5 .tit-area .m-tit {margin-bottom: 24px;}
.report-popup.service .popup .popup-contents .report.report5 .item-box .item .opinion-area {}
.report-popup.service .popup .popup-contents .report.report5 .item-box .item .opinion-area .tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.report-popup.service .popup .popup-contents .report.report5 .item-box .item .opinion-area .tit span {font-size: 13px; color: #727F85;}
.report-popup.service .popup .popup-contents .report.report5 .item-box .item .opinion-area .tit span:nth-child(1) {}
.report-popup.service .popup .popup-contents .report.report5 .item-box .item .opinion-area .tit span:nth-child(2) {}
.report-popup.service .popup .popup-contents .report.report5 .item-box .item .opinion-area textarea {width: 100%; resize: none; height: 144px; border: 1px solid #E2E5EC; border-radius: 8px; padding: 16px; line-height: 24px;}
.report-popup.service .popup .popup-contents .report.report5 .item-box .item .opinion-area textarea::placeholder {color: #000;}
.report-popup.service .popup .popup-contents .report.report6 .item-box {display: flex; flex-direction: column; gap: 24px;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item {border: 1px solid #E2E5EC; padding: 32px; display: flex; gap: 32px; align-items: center; border-radius: 8px;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .img-area {width: 128px;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .img-area img {width: 100%; display: block;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .txt-area {}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .txt-area .m-tit {margin-bottom: 16px; font-size: 17px; line-height: 24px; font-weight: 700;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .txt-area .s-tit {font-weight: 700; margin-bottom: 8px;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .txt-area span {color: #304248; margin-bottom: 10px; display: block;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .txt-area .btn-area {display: flex; gap: 8px; justify-content: flex-start; margin-bottom: 0;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .txt-area .btn-area button { padding: 12px 10px; background-color: #23AB72; color: #fff ;display: flex; justify-content: center; align-items: center; gap: 6px; line-height: 15px; border-radius: 6px; margin-top: 24px;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .txt-area .btn-area button .ico-area {width: 16px; display: flex; align-items: center; margin-bottom: 0;}
.report-popup.service .popup .popup-contents .report.report6 .item-box .item .txt-area .btn-area button .ico-area img {width: 100%; display: block;}
.report-popup.service .popup .btn-area {display: flex; justify-content: center; margin-bottom: 56px;}
.report-popup.service .popup .btn-area .btn-pdf {background-color: #f7f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; line-height: 18px; width: 140px; height: 48px;}
.report-popup.service .popup .btn-area .btn-pdf .ico-area {display: inline-block; width: 20px;}
.report-popup.service .popup .btn-area .btn-pdf .ico-area img {width: 100%; display: block;}



/*********************** mypage2 ***********************/

.report-popup.mypage2 {background-color:rgba(0,0,0,0.6);  justify-content:center; position:fixed; top:0; left:0; right:0;  display:none;  display:flex; padding-top: 80px; z-index: 998; }
.report-popup.mypage2 .popup{ width:100%; max-width:1088px; overflow-y: auto; box-shadow: 0px 1px 1px 0px #00000033; background-color: #fff; border-radius: 12px; padding-bottom: 116px; max-height: calc(100vh);}
.report-popup.mypage2 .popup .popup-header {padding: 0 32px; height: 80px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 56px;}
.report-popup.mypage2 .popup .popup-header .logo {display: inline-block; width: 100px;}
.report-popup.mypage2 .popup .popup-header .logo img {width: 100%; display: block;}
.report-popup.mypage2 .popup .popup-header .btn-area {display: flex; align-items: center; gap: 24px; margin-bottom: 0;}
.report-popup.mypage2 .popup .popup-header .btn-area .btn-pdf {background-color: #f7f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; line-height: 18px; width: 140px; height: 48px;}
.report-popup.mypage2 .popup .popup-header .btn-area .btn-pdf .ico-area {display: inline-block; width: 20px;}
.report-popup.mypage2 .popup .popup-header .btn-area .btn-pdf .ico-area img {width: 100%; display: block;}
.report-popup.mypage2 .popup .popup-header .btn-close {display: inline-block; width: 24px;}
.report-popup.mypage2 .popup .popup-header .btn-close img {width: 100%; display: block;}
.report-popup.mypage2 .popup > .tit {font-size: 32px; line-height: 40px; letter-spacing: -0.1px; font-weight: 700; text-align: left; padding-left: 40px;}
.report-popup.mypage2 .popup .popup-contents {display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 56px; padding: 56px 40px 40px;}
.report-popup.mypage2 .popup .popup-contents .report {width: 100%;}
.report-popup.mypage2 .popup .popup-contents .report .tit-area {margin-bottom: 32px;}
.report-popup.mypage2 .popup .popup-contents .report .tit-area .m-tit {font-size: 20px; font-weight: 700; line-height: 32px; letter-spacing: -0.1px; display: flex; align-items: center; gap: 12px; margin-bottom: 24px;} 
.report-popup.mypage2 .popup .popup-contents .report .tit-area .m-tit em {width: 32px; height: 32px; display: inline-block; background-color: #000; color: #fff;  display: flex; justify-content: center; align-items: center; font-size: 17px; border-radius: 50%;}
.report-popup.mypage2 .popup .popup-contents .report .tit-area .s-tit {color: #304248; line-height: 24px;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box {width: 100%;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item {border: 1px solid #E2E5EC; width: 100%; border-radius: 8px;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item .line {display: flex; align-items: center; border-bottom: 1px solid #E2E5EC; }
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item .line:last-child {border-bottom: none;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item .line p {padding:  20px 0 20px 16px; font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item .line p:nth-child(1) {width: 200px; flex: none;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item .line p:nth-child(2) {flex: 1;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item .line p em {color: #23AB72; margin-bottom: 8px; font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item .line p .txt-area {display: flex; gap: 16px;}
.report-popup.mypage2 .popup .popup-contents .report.report1 .item-box .item .line p .txt-area span {font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report2 {}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area {width: 100%; height: 520px; position: relative; padding-top: 60px; margin-bottom: 24px;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top {display: flex; justify-content: space-between; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0px;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top .label-area {display: flex; gap: 32px; align-items: center;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top .label-area .label {display: flex; align-items: center; gap: 12px; font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top .label-area .label span {width: 20px; height: 20px;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top .label-area .label:nth-child(1) span {background-color: #51D89F; border-radius: 4px;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top .label-area .label:nth-child(2) span {background-color: #D1F074; border-radius: 50%;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top .select-area {width: 200px;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top .select-area .nice-select {width: 100%; height: 48px !important; display: flex; align-items: center;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .graph-area .graph-top .select-area .nice-select .option {line-height: 24px !important;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area {}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table{border: 1px solid #E2E5EC; border-radius: 8px;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .tr{height: 56px; display: flex; border-bottom: 1px solid #E2E5EC;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .tr .th {font-size: 14px; line-height: 16px; font-weight: 700; display: flex; align-items: center; color: #304248;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .tr .th:nth-child(1) {width: 180px; padding-left: 24px;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .tr .th:nth-child(2) {width: 276px; justify-content: center;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .tr .th:nth-child(3) {width: 276px; justify-content: center;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .tr .th:nth-child(4) {width: 276px; justify-content: center;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .td {font-size: 15px; color: #000; height: 64px; display: flex; align-items: center; border-bottom: 1px solid #E2E5EC;} 
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .td:last-child {border-bottom: none;} 
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .td .th {display: flex; font-weight: 700;} 
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .td .th:nth-child(1) {width: 180px; padding-left: 24px;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .td .th:nth-child(2) {width: 276px; justify-content: center;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .td .th:nth-child(3) {width: 276px; justify-content: center;}
.report-popup.mypage2 .popup .popup-contents .report.report2 .table-area .table .td .th:nth-child(4) {width: 276px; justify-content: center; color: #00846C;}

.report-popup.mypage2 .popup .popup-contents .report.report3 .tit-area {}
.report-popup.mypage2 .popup .popup-contents .report.report3 .tit-area .m-tit {margin-bottom: 16px !important;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .tit-area .s-tit {color: #304248; line-height: 24px; display: flex; flex-direction: column; gap: 8px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .tit-area .s-tit .desc {font-size: 12px; line-height: 14px;}

.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table {border: 1px solid #E2E5EC; border-radius: 8px; }
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr {display: flex; height: 56px; border-bottom: 1px solid #E2E5EC;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr .th {display: flex; align-items: center; justify-content: center; color: #304248; font-size: 14px; font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr .th:nth-child(1) {width: 152px; padding-left: 24px; justify-content: flex-start;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr .th:nth-child(2) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr .th:nth-child(3) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr .th:nth-child(4) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr .th:nth-child(5) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr .th:nth-child(6) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .tr .th:nth-child(7) {width: 56px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td {display: flex; height: 64px; cursor: pointer; border-bottom: 1px solid #E2E5EC;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td:last-child {border-bottom: none;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th {display: flex; align-items: center; justify-content: center; font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th.normal { color: #00846C;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th.inspection { color: #FFB800;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th.stop { color: #F16E5C;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th .ico-up {display: inline-block; width: 20px; transition: 0.5s;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th .ico-up img {width: 100%; display: block;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td.active .th .ico-up {transform: rotate(180deg);}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th a {color: #1787EE; position: relative; font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th a::before {content: ''; position: absolute; width: 100%; height: 2px; background-color: #1787EE; bottom: 1px; left: 50%; transform: translateX(-50%);}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th:last-child {padding-left: 0;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th:nth-child(1) {width: 152px; padding-left: 24px; justify-content: flex-start;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th:nth-child(2) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th:nth-child(3) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th:nth-child(4) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th:nth-child(5) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th:nth-child(6) {width: 160px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .td .th:nth-child(7) {width: 56px;}


.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area {display: none; width: 100%; background-color: #F7F8F9; padding: 24px; pointer-events : auto;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area.active {display: block;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area {display: flex; align-items: center; justify-content: flex-start; height: 40px; gap: 12px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area .tit {font-size: 17px; line-height: 24px; font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area .select-area {display: flex; align-items: center; gap: 12px; height: 40px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area .select-area .nice-select {width: 116px; height: 40px !important; display: flex; align-items: center;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area .select-area .nice-select .option {width: 100% !important; line-height: 24px !important;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area .select-area .nice-select::after {top: 10px !important;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area .date-box .input-date {position: relative; cursor: pointer; width: 132px; height: 40px; }
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area .date-box .input-date input {cursor: pointer; width: 100%; height: 100%; padding-left: 12px; border: 1px solid #E2E5EC; border-radius: 8px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .tit-area .date-box .input-date::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  background: url('/images/user/ico-calendar.svg') no-repeat center center !important;
  background-size: contain;
  transition: all 0.15s ease-in-out 0s;
}

.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .graph-box {position: relative; border: 1px solid #E2E5EC; border-radius: 8px; width: 100%; height: 352px; padding: 58px 14px 26px; background-color: #fff; margin-bottom: 12px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .graph-box .txt {position: absolute; top: 24px; right: 0; display: flex; justify-content: flex-end; align-items: center; padding-right: 24px; gap: 4px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .graph-box .txt em {width: 16px; height: 16px; border-radius: 4px; background-color: #0FA9A9;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .graph-box .graph-txt {display: flex; justify-content: space-between; align-items: center;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .graph-box .graph-txt span {font-size: 10px; color: #727F85; line-height: 12px;}

.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .graph-box .txt span {color: #304248; font-size: 14px; display: flex; align-items: center; gap: 6px;}

.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .graph-box canvas {width: 100%; height: 300px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area {display: flex; gap: 12px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box {width: 100%; display: flex; gap: 12px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item {width: 100%; border: 1px solid #E2E5EC; background-color: #fff; padding: 30px 20px;border-radius: 8px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item .tit {font-size: 15px; font-weight: 700; line-height: 24px; text-align: left;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item .num-area {text-align: right;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item .num-area .num {display: flex; align-items: flex-end; justify-content: flex-end; gap: 4px; font-size: 27px; line-height: 32px; letter-spacing: -0.1px; text-align: right; margin-bottom: 8px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item .num-area .num span {font-size: 17px; line-height: 24px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item .num-area .txt {color: #304248; font-size: 14px; line-height: 16px;} 
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item .num-area .txt b {font-weight: 700;}




.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 {}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .tit-area {display: flex; justify-content: space-between;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .tit-area .tit{}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .tit-area .select-area {}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area {display: flex; justify-content: center; align-items: center; gap: 60px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area {display: flex; flex-direction: column; gap:10px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label {display: flex; }
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label span {display: flex; align-items: center; gap: 6px;} 
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label span:nth-child(1) {color: #304248; width: 100px; flex: none;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label span:nth-child(2) {font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label span em{display: inline-block; width: 20px; height: 20px; border-radius: 4px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label:nth-child(1) span em{background-color: #D1F074;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label:nth-child(2) span em{background-color: #51D89F;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label:nth-child(3) span em{background-color: #0FA9A9;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label:nth-child(4) span em{background-color: #003A6F;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .label-area .label:nth-child(5) span em{background-color: #00629A;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .graph-area .item-area .item-box .item3 .donut-area .donut-box {width: 160px;}






.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .record-area { display: flex; flex-direction: column; gap: 56px; width: 100%;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .record-area .record {width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .record-area .record .tit {font-size: 20px; font-weight: 700; margin-bottom: 16px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .record-area .record .box {border: 1px solid #C6CBCE; border-radius: 8px; width: 100%; padding: 20px 24px; height: 120px; font-weight: 700; line-height: 24px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .record-area { display: flex; flex-direction: column; gap: 56px; width: 100%;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .record-area .record {width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .record-area .record .tit {font-size: 20px; font-weight: 700; margin-bottom: 16px;}
.report-popup.mypage2 .popup .popup-contents .report.report3 .table-area .table .td-area .record-area .record .box {border: 1px solid #C6CBCE; border-radius: 8px; width: 100%; padding: 20px 24px; height: 120px; font-weight: 700; line-height: 24px;}


.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box {width: 100%;}
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item {border: 1px solid #E2E5EC; width: 100%; border-radius: 8px;}
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item .line {display: flex; align-items: center; border-bottom: 1px solid #E2E5EC; }
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item .line:last-child {border-bottom: none;}
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item .line p {}
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item .line p:nth-child(1) {width: 240px; flex: none; padding:  32px 0 32px 24px; font-weight: 700; font-size: 15px; line-height: 24px;}
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item .line p:nth-child(2) {flex: 1; padding: 20px 0 20px 24px; font-size: 14px; line-height: 16px;}
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item .line p em {color: #23AB72; font-weight: 700;}
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item .line p .txt-area {display: flex; gap: 16px;}
.report-popup.mypage2 .popup .popup-contents .report.report4 .item-box .item .line p .txt-area span {font-weight: 700;}
.report-popup.mypage2 .popup .btn-area {display: flex; justify-content: center; margin-bottom: 56px;}
.report-popup.mypage2 .popup .btn-area .btn-pdf {background-color: #f7f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #000; line-height: 18px; width: 140px; height: 48px;}
.report-popup.mypage2 .popup .btn-area .btn-pdf .ico-area {display: inline-block; width: 20px;}
.report-popup.mypage2 .popup .btn-area .btn-pdf .ico-area img {width: 100%; display: block;}


.tooltip {
	background: #fff;
	border-radius: 12px;
  padding: 16px;
  box-shadow: 0px 2px 16px 0px #00000033;
  text-align: left;
  z-index: 10;
  margin-right: 10px;
  position: relative;
}
.tooltip.donut {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 12px;
  padding: 16px;
  box-shadow: 0px 2px 16px 0px #00000033;
  text-align: left;
  z-index: 10;
  margin-right: 10px;
  position: relative;
}
.tooltip.top::after {
  content: '';
  position: absolute; 
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 15px;
  background: url('/images/user/ico-bubble-tail.svg') no-repeat center center;
}
.tooltip.bottom::after {
  content: '';
  position: absolute; 
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg) !important;
  width: 10px;
  height: 15px;
  background: url('/images/user/ico-bubble-tail.svg') no-repeat center center;
}

.tooltip .tit {font-size: 14px !important; color: #000; line-height: 16px; font-weight: 700; margin-bottom: 16px;}
.tooltip .tooltip-cont {display: flex; gap: 12px; flex-direction: column;}
.tooltip .tooltip-cont .line {display: flex; justify-content: space-between; gap: 10px;}
.tooltip .tooltip-cont .line span {font-size: 14px;}
.tooltip .tooltip-cont .line span:nth-child(1) {color: #304248; display: flex; align-items: center; gap: 8px;}
.tooltip .tooltip-cont .line span:nth-child(1) em {border-radius: 50%; width: 16px; height: 16px;}
.tooltip .tooltip-cont .line span:nth-child(2) {font-weight: 700;}