@charset "UTF-8";
/*-------------------------------------------------
title : 지워진 구조 CSS 복구
desc  : 커밋 95ef1ac5("add", 2026-06-05)에서 con_com.css 를 정리하며 지워졌지만
        화면(JSX)이 아직 쓰는 클래스의 규칙을 되살린다. 옛 규칙 가운데
        (1) 같은 선택자가 지금 어디에도 없고 (2) 선택자의 클래스를 모두 JSX 가 쓰는 것만 골랐다.
        con_com.css 보다 먼저 로드해, 지금 규칙과 부딪치면 지금 규칙이 이긴다.
        여수 녹색·청록은 대구 보라 계열로 치환했다. Figma 조정은 theme.css 에서 한다.
-------------------------------------------------*/
.txt-area {
  overflow: visible !important;
  white-space: normal !important;
  word-break: keep-all !important;
  word-wrap: break-word !important;
}
[class*=InpSel].mn-1 {
  min-width: 6rem !important;
}
[class*=InpSel].mn-2 {
  min-width: 5rem !important;
}
[class*=InpSel].mn-3 {
  min-width: 16.5rem !important;
}
[class*=InpSel].mn-4 {
  min-width: 8.5rem !important;
}
.icon-box-wrap9 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 1.3rem;
}
.icon-box-wrap9 ul > li {
  width: 100%;
}
.icon-box-wrap9 ul > li > div {
  position: relative;
  background: #ABC8D3;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.075);
}
.icon-box-wrap9 ul > li > div:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.icon-box-wrap9 ul > li > div .txt {
  position: relative;
  display: flex;
  padding: 0.5rem;
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom: 1px dashed #ccc;
  color: #262626;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.icon-box-wrap9 ul > li > div .txt:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 1px);
  border-radius: 0.25rem;
  background: #F2F2FF;
}
.icon-box-wrap9 ul > li > div .txt > span {
  position: relative;
  z-index: 1;
}
.icon-box-wrap9 ul > li > div .txt > span > em {
  display: inline-block;
  margin-right: 0.15rem;
  color: #65A1D3;
  font-size: 1.2rem;
  font-weight: 800;
}
.icon-box-wrap9 ul > li > div .img {
  position: relative;
  display: flex;
  height: 6.5rem;
  align-items: center;
  justify-content: center;
}
.icon-box-wrap9 ul > li > div .data-enter {
  position: relative;
  width: 100%;
  margin: 0 auto 0.5rem;
  text-align: center;
}
.icon-box-wrap9 ul > li > div .data-enter > input {
  font-weight: 700;
}
.icon-box-wrap9 ul > li > div .data-enter > span {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
}
.icon-box-wrap9 ul > li > div .data-enter > em {
  display: block;
  color: #555;
  font-size: 0.8rem;
}
.icon-box-wrap9 ul > li:not(.n-bg):first-of-type > div {
  background: linear-gradient(90deg, #999EFF 0%, #65A1D3 83.51%);
}
.icon-box-wrap9 ul > li:not(.n-bg):first-of-type > div:before {
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.icon-box-wrap9 ul > li:not(.n-bg):first-of-type > div .txt > span > em {
  color: #7BC6AD;
}
.icon-box-wrap9 ul > li:not(.n-bg):first-of-type > div .txt:before {
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 2px);
}
.icon-box-wrap9-2 ul > li > div .txt:before {
  background: #F4FBFA;
}
.icon-box-wrap9-2 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 3.5rem;
  margin-top: 1.1rem;
}
.icon-box-wrap9-2 ul > li {
  width: 100%;
  position: relative;
}
.icon-box-wrap9-2 ul > li > div {
  position: relative;
  background: #ABC8D3;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.075);
}
.icon-box-wrap9-2 ul > li > div:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.icon-box-wrap9-2 ul > li > div .box-tit {
  position: relative;
  display: flex;
  padding: 0.7rem;
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom: 1px dashed #ccc;
  color: #262626;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.icon-box-wrap9-2 ul > li > div .box-tit:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 1px);
  border-radius: 0.25rem;
  background: #F2F2FF;
}
.icon-box-wrap9-2 ul > li > div .box-tit > span {
  position: relative;
  z-index: 1;
  width: 20%;
  display: flex;
  justify-content: space-between;
}
.icon-box-wrap9-2 ul > li > div .box-tit > span > em {
  display: inline-block;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
}
.icon-box-wrap9-2 ul > li > div .box-tit > span > em:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background: linear-gradient(90deg, #999EFF 0%, #65A1D3 100%);
  z-index: -2;
}
.icon-box-wrap9-2 ul > li + li:after {
  position: absolute;
  content: "\f105";
  top: 50%;
  left: -2.5rem;
  color: #a2a2a2;
  font-family: "Line Awesome Free";
  font-size: 0.8rem;
  font-weight: 700;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  color: #999999;
}
.icon-box-wrap9 ul > li > div .list-stT1 li span.tit {
  font-size: 0.8rem;
  display: inline-block;
  padding: 0.1rem;
  margin-right: 0.6rem;
  width: 8rem;
  background: linear-gradient(90deg, #999EFF 0%, #65A1D3 83.51%);
  font-weight: 500;
  border-radius: 1rem;
  color: #fff;
  text-align: center;
}
.icon-box-wrap9 ul > li > div .list-stT1 li span {
  font-size: 1rem;
}
.icon-box-wrap9 ul > li > div .list-stT1 li {
  padding: 0.4rem 0;
  font-size: 0.85rem;
  border-top: 1px dotted #ccc;
}
.icon-box-wrap9 ul > li > div .list-stT1 {
  min-height: 7rem;
  display: block;
  padding: 1rem 1.5rem;
}
.icon-box-wrap9 ul > li > div .list-stT1 li:first-child {
  border: 0;
}
.list-ol2 > li > em.num {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: linear-gradient(90deg, #95DFC5 0%, #7CB6E7 80%);
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.up-down-count.up > span {
  color: #fe3c4e !important;
}
.up-down-count.down > span {
  color: #309bfa !important;
}
.n-legend > li.c1:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #7A7A7A;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.n-legend > li.c2:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #AAA;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.n-legend > li.c3:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #126CE2;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.n-legend > li.c4:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #7E84ED;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.tab-st6 > li {
  float: left;
}
.tab-st1 > li a, .tab-st2 > li a, .tab-st6 > li a {
  width: 100%;
}
.tab-st1:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #E1E1E1;
}
.tab-st1 li a {
  position: relative;
  display: table;
  width: 100%;
  height: 2.3rem;
  padding: 0 1.5rem;
  color: #666;
  font-size: 0.8rem;
  font-weight: 400;
  table-layout: fixed;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.tab-st1 li a:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  z-index: 1;
  content: "";
}
.tab-st1 li a > span {
  position: relative;
  display: table-cell;
  width: 100%;
  max-height: 1.8rem;
  line-height: 1.1;
  vertical-align: middle;
  overflow: hidden;
}
.tab-st1 li.on a {
  color: #333;
  font-weight: 700;
}
.tab-st1 li.on a:before {
  width: 100%;
}
.tab-st1 li.on a[target=_blank]:before {
  color: #333;
}
.tab-st2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 0.5rem 0.5rem 0 0;
}
.tab-st2 li a {
  position: relative;
  display: table;
  width: auto;
  height: 1.9rem;
  padding: 0 1.5rem;
  background: transparent;
  color: #A2A2A2;
  font-size: 0.85rem;
  table-layout: fixed;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.tab-st2 li a:before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  content: "";
}
.tab-st2 li a > span {
  position: relative;
  display: table-cell;
  width: 100%;
  max-height: 1.8rem;
  vertical-align: middle;
  line-height: 1.1;
  overflow: hidden;
  white-space: nowrap;
}
.tab-st2 li.on a {
  font-weight: 900;
  border-radius: 0.5rem 0.5rem 0 0;
  border-top: 1px solid #D0D5E5;
  border-left: 1px solid #D0D5E5;
  border-right: 1px solid #D0D5E5;
}
.tab-st2 li.on a > span {
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 83.51%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #64A0D3;
}
.tab-st2 li.on a:before {
  top: 0;
}
.tab-st2 li.on a[target=_blank]:before {
  color: #333;
}
.tab-st6 li:first-of-type.on > a {
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
}
.tab-st6 li:last-of-type.on > a {
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
}
.Tab_w25 > li {
  width: 25%;
}
.Tab_w-n6 > li {
  width: calc(100% / 6);
}
.btns > [class^=btn-style] {
  margin: 0.15rem !important;
}
input[type=number].input-number-password {
  -webkit-text-security: disc;
  -moz-appearance: textfield;
}
input[type=number].input-number-password::-webkit-outer-spin-button, input[type=number].input-number-password::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.InpSel {
  
}
.search-wrap {
  display: inline-block;
  vertical-align: middle;
}
.popper-tooltip.help {
  background: #fff;
  color: #444;
  border: 1px solid #ccc;
  padding: 0.7rem 1rem;
  box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.1);
  display: block;
}
.popper-tooltip .arrow {
  position: absolute;
  width: 0.75em;
  height: 0.75em;
  overflow: hidden;
}
.popper-tooltip .arrow::before {
  content: '';
  position: absolute;
  width: 0.75em;
  height: 0.75em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #C26C65;
}
.popper-tooltip.help .arrow::before {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}
.popper-tooltip[data-popper-placement^='bottom'] .arrow {
  top: -0.75em;
  width: 1.5em;
}
.popper-tooltip[data-popper-placement^='bottom'] .arrow::before {
  top: 100%;
}
.popper-tooltip[data-popper-placement^='top'] .arrow {
  bottom: -0.75em;
  width: 1.5em;
}
.popper-tooltip[data-popper-placement^='top'] .arrow::before {
  top: 0;
}
.popper-tooltip[data-popper-placement^='left'] .arrow {
  right: -0.75em;
  height: 1.5em;
}
.popper-tooltip[data-popper-placement^='left'] .arrow::before {
  left: 0;
}
.popper-tooltip[data-popper-placement^='right'] .arrow {
  left: -0.75em;
  height: 1.5em;
}
.popper-tooltip[data-popper-placement^='right'] .arrow::before {
  left: 100%;
}
[class^=srh-filter] > .col-wrap [class^=col-md-] > ul {
  flex: 2;
}
[class^=srh-filter] > .col-wrap [class^=col-md-] > ul > li {
  display: inline-block;
  padding: 0.15rem;
  vertical-align: middle;
}
[class^=srh-filter] > ul > li.w100, [class^=srh-filter] > .col-wrap [class^=col-md-] > ul > li.w100 {
  width: 100%;
}
[class^=srh-filter] > ul > li .srh-tit, [class^=srh-filter] > .col-wrap [class^=col-md-] > ul > li .srh-tit {
  display: inline-block;
  margin-right: 0.5rem;
  color: #84878D;
  font-size: 0.7rem;
}
[class^=srh-filter] > ul > li .srh-tit > strong, [class^=srh-filter] > .col-wrap [class^=col-md-] > ul > li .srh-tit > strong {
  display: block;
  color: #444;
  font-size: 0.8rem;
  font-weight: 600;
}
[class^=srh-filter] > ul > li .srh-cont, [class^=srh-filter] > .col-wrap [class^=col-md-] > ul > li .srh-cont {
  display: inline-block;
  width: auto;
  min-width: inherit;
  vertical-align: middle;
}
[class^=srh-filter] > ul > li .srh-cont input, [class^=srh-filter] > .col-wrap [class^=col-md-] > ul > li .srh-cont input {
  display: inline-block;
  min-width: inherit;
  width: 8rem;
  vertical-align: middle;
}
[class^=srh-filter] > ul > li .srh-cont.unit > em, [class^=srh-filter] > .col-wrap [class^=col-md-] > ul > li .srh-cont.unit > em {
  display: inline-block;
  color: #84878D;
  font-size: 0.7rem;
  vertical-align: middle;
}
[class^=srh-filter] .btn-style2 {
  display: flex;
  align-items: center;
  margin-left: 0.25rem;
}
[class^=srh-filter].srh-filter2 {
  background: rgba(231, 231, 231, 0.65);
  border: 0;
  border-radius:0;
  margin-bottom:1rem;
}
[class^=srh-filter].ac-src-frm {
  justify-content: center;
  gap: 0.5rem;
}
.box-style6 .right .box .txt em {
  font-size: 0.9rem;
  font-weight: 600;
  color: #D2D6E5;
}
.b-st2-inner {
  display:flex;flex-direction:column;gap:0.5rem;align-items:center;
}
.icon-box-wrap1-4 {
  padding: 7.5rem;
  background: #f6f6f6;
  text-align: center;
  background: #f6f6f6;
}
.icon-box-wrap1-4 .txt1 {
  margin: 1rem 0 1.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
}
.icon-box-wrap1-4 .txt1 > span {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  margin-top: 0.5rem;
  white-space: nowrap;
}
.icon-box-wrap1-4 .img {
  position: relative;
  display: flex;
  width: 7.5rem;
  height: 7.5rem;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  align-items: center;
  justify-content: center;
}
.icon-box-wrap1-4 .img img {
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.icon-box-wrap1-4 .img:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  border-radius: 50%;
  border: 1px solid #fff;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  content: "";
}
.icon-box-wrap5 .icon-box1 {
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  overflow: hidden;
  flex: 1;
  height: 6rem;
}
.icon-box-wrap5 .icon-box1 .tit {
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  background: #5B64AA;
}
.icon-box-wrap5 .icon-box1 > div {
  display: flex;
}
.icon-box-wrap5 .icon-box1 > div .img-tit {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
  width: 5.5rem;
  padding: 0.5rem;
  background: #EDF8F4;
}
.icon-box-wrap5 .icon-box1 > div .img-tit img {
  width: 2rem;
  height: 2rem;
}
.icon-box-wrap5 .icon-box1 > div .img-tit span {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
}
.icon-box-wrap5 .icon-box1 > div .value {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-items: center;
  justify-content: center;
}
.icon-box-wrap5 .icon-box1 > div .value > strong {
  color: #5B64AA;
  font-size: 1.4rem;
  font-weight: 700;
}
.icon-box-wrap5 .icon-box1 > div .value > span {
  color: #555;
  font-size: 0.75rem;
}
.icon-box-wrap5 .icon-box1 > div .value.dash-right {
  position: relative;
}
.icon-box-wrap5 .icon-box1 > div .value.dash-right:after {
  content: "";
  width: 1px;
  height: 60%;
  border: 1px dashed #ccc;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.icon-box-wrap5 .icon-box1.type2 .tit {
  background: #5B64AA;
}
.icon-box-wrap5 .icon-box1.type2 .img-tit {
  background: #EFF0F8;
}
.icon-box-wrap5 .icon-box1.type2 .value > strong {
  color: #5B64AA;
}
.icon-box-wrap5 .icon-box2 {
  border-radius: 0.5rem;
  border: 1px solid #ccc;
  flex: 1;
  overflow: hidden;
  height: 6rem;
}
.icon-box-wrap5 .icon-box2 > div {
  display: flex;
  height: 100%;
}
.icon-box-wrap5 .icon-box2 > div .img-tit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-direction: column;
  width: 5.5rem;
  padding: 0.5rem;
  background: #EDF8F4;
}
.icon-box-wrap5 .icon-box2 > div .img-tit img {
  width: 2rem;
  height: 2rem;
}
.icon-box-wrap5 .icon-box2 > div .img-tit span {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
}
.icon-box-wrap5 .icon-box2 > div .tit-value {
  flex: 1;
  border-right: 1px dashed #ccc;
}
.icon-box-wrap5 .icon-box2 > div .tit-value .tit {
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  background: #5B64AA;
}
.icon-box-wrap5 .icon-box2 > div .tit-value > div {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0;
}
.icon-box-wrap5 .icon-box2 > div .tit-value > div > strong {
  color: #5B64AA;
  font-size: 1.4rem;
  font-weight: 700;
}
.icon-box-wrap5 .icon-box2 > div .tit-value > div > span {
  color: #555;
  font-size: 0.75rem;
}
.icon-box-wrap5 .icon-box2 > div .tit-value:last-child {
  border: none;
}
.icon-box-wrap5 .icon-box2.type2 .tit {
  background: #5B64AA;
}
.icon-box-wrap5 .icon-box2.type2 .img-tit {
  background: #EFF0F8;
}
.icon-box-wrap5 .icon-box2.type2 .tit-value .tit {
  background: #5B64AA;
}
.icon-box-wrap5 .icon-box2.type2 .tit-value > div strong {
  color: #5B64AA;
}
.icon-box-wrap5 .icon-box2.type3 {
  position: relative;
  z-index: 1;
}
.icon-box-wrap5 .icon-box2.type3 .tit-value .tit {
  background: none;
  padding: 0.1rem 0;
}
.icon-box-wrap5 .icon-box2.type3 .tit-value > div > strong {
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.icon-box-wrap5 .icon-box2.type3 .tit-value:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.7rem;
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
  z-index: -1;
}
.cont.map {
  padding:0;
}
.over-hidden {
  overflow: hidden !important;
}
.tooltip2-con {
  width: fit-content;
  min-width: 9.5rem;
  max-width: 15rem;
  display: inline-block;
  height: auto;
  position: relative;
}
.tooltip2-con:before {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(180deg, #7E84ED 0%, #0C75CA 83.51%);
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 0.55rem;
}
.tooltip2 {
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  position: relative;
  z-index: 1;
  width: 100%;
  background: #fff;
  display: inline-block;
}
.tooltip2 .tit {
  color: #444;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0.5rem;
}
.tooltip2 > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.tooltip2 > div > span strong {
  color: #262626;
  font-size: 0.9rem;
  font-weight: 700;
  margin-right: 0.15rem;
}
.tooltip2 .triangle {
  display: inline-block;
  width: 15px;
  height: 15px;
  transform: rotate(-45deg);
  border-left: 2px solid #0C75CA;
  border-bottom: 2px solid #0C75CA;
  position: absolute;
  bottom: -13.75px;
  left: 45%;
  background: #fff;
}
.marker {
  position: absolute;
}
.weather-box {
  border-radius: 0.5rem;
  border: 1px solid #D0D5E5;
  background: #fff;
  padding: 0.25rem 0.5rem;
}
.weather-box > ul {
  display: flex;
  gap: 0.5rem;
}
.weather-box > ul > li {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.weather-box > ul > li [class^=weather] {
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
}
.weather-box > ul > li .wx-icon { width: 1.1rem; height: 1.1rem; object-fit: contain; vertical-align: middle; margin-right: .2rem; }
.weather-box > ul > li .water-icon {
  background: url(/portal/assets/img/sub/water_icon.png) no-repeat center/contain;
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
}
.weather-box > ul > li .txt {
  color: #444;
  font-size: 0.7rem;
  font-weight: 800;
}
.weather-box > ul > li .txt em {
  color: #262626;
  font-size: 0.7rem;
  font-weight: 400;
  margin-right: 0.25rem;
}
.box-total2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 1.2rem;
  background: #F8F8FD;
  border: 2px solid #71B5C1;
  font-weight: 500;
}
.box-total2 > span > strong {
  margin-right: 0.5rem;
}
.box-graph5 {
  max-height: 16.5rem;
  overflow-y: scroll;
}
.box-graph5.no-scroll {
  max-height: 100vh;
  overflow-y: auto;
}
.box-graph5::-webkit-scrollbar {
  width: 0.15rem;
}
.box-graph5::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 0.5rem;
  background: #BFBFBF;
  background-clip: padding-box;
}
.box-graph5::-webkit-scrollbar-track {
  border-radius: 0.5rem;
  background: #E8E8E8;
}
.box-graph5 > ul > li {
  display: flex;
}
.box-graph5 > ul > li + li {
  margin-top: 1rem;
}
.box-graph5 > ul > li > .scope {
  display: flex;
  width: 5.7rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
  text-align: center;
  overflow: hidden;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
}
.box-graph5 > ul > li > .scope > span {
  display: block;
  width: 100%;
  padding: 0.5rem;
  background: #F4F8FB;
  color: #444;
  font-size: 0.8rem;
  font-weight: 600;
}
.box-graph5 > ul > li > .scope > .cnt {
  display: flex;
  height: calc(100% - 2.3rem);
  padding: 1rem 0 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
  width: 100%;
}
.box-graph5 > ul > li > .scope > .cnt > strong {
  display: flex;
  height: calc(100% - 2rem);
  color: #555;
  font-size: 0.7rem;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.box-graph5 > ul > li > .scope > .cnt > strong > em {
  display: block;
  width: 100%;
  color: #444;
  font-size: 1.3rem;
  font-weight: 900;
  line-height: 1.1;
}
.box-graph5 > ul > li > .scope > .cnt > span {
  display: block;
  width: calc(100% - 1rem);
  margin: auto;
  padding-top: 0.5rem;
  color: #999;
  font-size: 0.7rem;
  border-top: 1px solid #ccc;
}
.box-graph5 > ul > li .chart {
  
}
.box-graph5.type2 > ul > li > .scope {
  width: 10.4rem;
}
.box-graph5.type2 > ul > li .chart {
  width: calc(100% - 10.4rem);
}
.box-graph5.res1 {
  
}
.box-graph5.res1 > ul > li {
  display:flex;gap:1rem;
}
.box-graph5.res1 > ul > li > .scope {
  min-width:20%;
}
.box-graph5.res1 > ul > li > .chart {
  flex:1;
}
.mgr0 {
  margin-right: 0 !important;
}
.lnk-lst > li > a [class^=checkbox-radio-type01] {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.graph-count-vertical {
  position: relative;
  width: 100%;
  height: 3.5rem;
  background: #E7E7E7;
}
.graph-count-vertical > em {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #64a0d3, #7bc6ab, #49c699, #64a0d3);
  background-size: 400% 400%;
  animation: gradient1 5s ease infinite;
}
.txt-break.type2 {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.arc-range-slider-wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.arc-range-slider-wrap .m-btn {
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  background: #EAEAEA;
  border-radius: 0.25rem;
}
.arc-range-slider-wrap .p-btn {
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  background: #EAEAEA;
  border-radius: 0.25rem;
}
.arc-range-slider-wrap input[type=range].arc-range-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 0.45rem;
  border-radius: 2.5rem;
  accent-color: #7E84ED;
}
.arc-range-slider-wrap:hover input[type=range].arc-range-slider::-webkit-slider-thumb, .arc-range-slider-wrap:focus input[type=range].arc-range-slider::-webkit-slider-thumb {
  scale: 1;
}
.arc-range-slider-wrap input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  scale: 0;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 50%;
  background: #7E84ED;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.txt-item-wrap .input-wrap > input {
  height: 1.3rem;
}
.txt-item-wrap .btn-style2 {
  height: 1.5rem;
  line-height: 1.5rem;
}
.inverter-box .box .inner > p {
  padding: 0.3rem 1rem;
  background: #373C51;
  color: #fff;
  border-radius: 0.7rem;
  font-weight: 800;
  width: 100%;
  text-align: center;
}
.inverter-box .box .inner > p > strong {
  font-size: 1.8rem;
  font-weight: 700;
  background: linear-gradient(90deg, #91E7D1 0%, #7CBFEE 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tb-box2 > ul > li.goal > div {
  display:flex;align-items:center;justify-content:end;gap:0.5rem;flex:1;flex-wrap:wrap;
}
.tb-box2 > ul > li.achieve > div {
  display:flex;align-items:center;justify-content:end;gap:0.5rem;flex:1;flex-wrap:wrap;
}
.tb-box4 > ul > li > strong {
  display:flex;align-items:center;justify-content:end;flex:1;
}
.icon-box-wrap6 > ul > li:after {
  content: "";
}
.n-grid-wrap {
  display: grid;
  grid-template-rows: auto 1fr;
}
.n-grid-wrap > div {
  align-items: center;
  justify-content: center;
}
.cont.m-h {
  min-height: 35rem;
}
.breadcrumb > ul {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
.breadcrumb > ul > li {
  cursor: pointer;
}
.breadcrumb > ul > li > a {
  color: #444;
  font-size: 0.7rem;
}
.breadcrumb > ul > li > a > i {
  color: #999;
}
.breadcrumb > ul > li.home > a > i {
  color: #444;
}
.tooltip-icon {
  display: inline-block;
  vertical-align: middle;
  color: #7E84ED;
  cursor: pointer;
  font-size: 1rem;
  margin: 0 0.25rem;
}
.n-legend > li.c1:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #7A7A7A;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.n-legend > li.c2:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #AAA;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.n-legend > li.c3:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #126CE2;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.n-legend > li.c4:before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: #7E84ED;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.sub-wrap {
  
}
.sub-wrap .page-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.sub-wrap .page-tit .tit {
  color: #262626;
  font-size: 1.3rem;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.sub-wrap .page-tit .tit > span {
  color: #555;
  font-size: 0.8rem;
  margin-left: 0.5rem;
  font-weight: 400;
}
.sub-wrap .breadcrumb > ul {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
.sub-wrap .breadcrumb > ul > li {
  cursor: pointer;
}
.sub-wrap .breadcrumb > ul > li > a {
  color: #444;
  font-size: 0.7rem;
}
.sub-wrap .breadcrumb > ul > li > a > i {
  color: #999;
}
.sub-wrap .breadcrumb > ul > li.home > a > i {
  color: #444;
}
.sub-wrap .g-txt {
  color: #555;
}
.sub-wrap .g-txt > strong {
  color: #444;
  font-size: 1rem;
  font-weight: 500;
  margin-right: 0.5rem;
}
.sub-wrap .sub-inner-flex1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-count .select-group {
  height:1.5rem;
}
.input-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#map.map2 {
  height: 31.8rem;
}
#map .marker-area2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#map .marker-area2 > a {
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
#map .marker-area2 > a:not(.marker0) {
  background: rgba(197, 197, 197, 0.2);
  border: 2px solid #c5c5c5;
}
#map .marker-area2 > a:not(.marker0):before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 50%;
  background: #c5c5c5;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  content: "";
}
#map .marker-area2 > a:not(.marker0):after {
  position: absolute;
  top: calc(100% - 0.3rem);
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #c5c5c5;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  content: "";
}
#map .marker-area2 > a .bubble-txt {
  position: absolute;
  display: block;
  min-width: 9rem;
  padding: 0.5rem;
  background: #c5c5c5;
  border-radius: 0.5rem;
  color: #fff;
}
#map .marker-area2 > a .bubble-txt:before {
  position: absolute;
  top: -0.25rem;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background: #c5c5c5;
  transform: translateX(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) rotate(-45deg);
  content: "";
}
#map .marker-area2 > a .bubble-txt > strong {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
}
#map .marker-area2 > a .bubble-txt > strong > em {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.35rem;
  border-radius: 50%;
  background: #fff;
  color: #c5c5c5;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 0.8rem;
  vertical-align: middle;
}
#map .marker-area2 > a .bubble-txt > span {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
}
#map .marker-area2 > a .bubble-txt > span > em {
  display: inline-block;
  margin-left: 2rem;
  font-weight: 700;
}
#map .marker-area2 > a.marker0 {
  width: 0.6rem;
  height: 0.6rem;
  border: 2px solid #484848;
  background: #fff;
  z-index: 5;
}
#map .marker-area2 > a.marker0:before {
  position: absolute;
  top: calc(50% - 0.6rem);
  left: 50%;
  width: 1.2rem;
  height: 1.4rem;
  background: url(portal/assets/images/sub/marker_icon2.png);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  content: "";
}
#map .marker-area2 > a.marker1 {
  width: 6.45rem;
  height: 6.45rem;
  z-index: 4;
}
#map .marker-area2 > a.marker1 .bubble-txt {
  top: calc(100% + 1rem);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
#map .marker-area2 > a.marker1.active {
  border: 2px solid #e08923;
  background: rgba(224, 137, 35, 0.2);
}
#map .marker-area2 > a.marker1.active:before {
  background: #e08923;
}
#map .marker-area2 > a.marker1.active:before {
  border-color: #e08923;
}
#map .marker-area2 > a.marker1.active .bubble-txt {
  background: #c66b00;
}
#map .marker-area2 > a.marker1.active .bubble-txt:before {
  background: #c66b00;
}
#map .marker-area2 > a.marker1.active .bubble-txt > strong > em {
  color: #c66b00;
}
#map .marker-area2 > a.marker1.over {
  border: 2px solid #e08923;
  background: rgba(224, 137, 35, 0.2);
}
#map .marker-area2 > a.marker1.over:before {
  background: #e08923;
}
#map .marker-area2 > a.marker1.over:before {
  border-color: #e08923;
}
#map .marker-area2 > a.marker1.over .bubble-txt {
  background: #c66b00;
}
#map .marker-area2 > a.marker1.over .bubble-txt:before {
  background: #c66b00;
}
#map .marker-area2 > a.marker1.over .bubble-txt > strong > em {
  color: #c66b00;
}
#map .marker-area2 > a.marker2 {
  width: 13.85rem;
  height: 13.85rem;
  z-index: 3;
}
#map .marker-area2 > a.marker2:before {
  top: 0;
}
#map .marker-area2 > a.marker2:after {
  top: -0.3rem;
}
#map .marker-area2 > a.marker2 .bubble-txt {
  top: calc(-50% + 2rem);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
#map .marker-area2 > a.marker2 .bubble-txt:before {
  top: auto;
  bottom: -0.25rem;
}
#map .marker-area2 > a.marker2.active {
  border: 2px solid #7E84ED;
  background: rgba(0, 187, 159, 0.2);
}
#map .marker-area2 > a.marker2.active:before {
  background: #7E84ED;
}
#map .marker-area2 > a.marker2.active:after {
  border-color: #7E84ED;
}
#map .marker-area2 > a.marker2.active .bubble-txt {
  background: #5B64AA;
}
#map .marker-area2 > a.marker2.active .bubble-txt:before {
  background: #5B64AA;
}
#map .marker-area2 > a.marker2.active .bubble-txt > strong > em {
  color: #5B64AA;
}
#map .marker-area2 > a.marker2.over {
  border: 2px solid #7E84ED;
  background: rgba(0, 187, 159, 0.2);
}
#map .marker-area2 > a.marker2.over:before {
  background: #7E84ED;
}
#map .marker-area2 > a.marker2.over:after {
  border-color: #7E84ED;
}
#map .marker-area2 > a.marker2.over .bubble-txt {
  background: #5B64AA;
}
#map .marker-area2 > a.marker2.over .bubble-txt:before {
  background: #5B64AA;
}
#map .marker-area2 > a.marker2.over .bubble-txt > strong > em {
  color: #5B64AA;
}
#map .marker-area2 > a.marker3 {
  width: 15.75rem;
  height: 15.75rem;
  z-index: 2;
}
#map .marker-area2 > a.marker3:before {
  top: 50%;
  left: inherit;
  right: 0;
  width: 50%;
  height: 2px;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
}
#map .marker-area2 > a.marker3:after {
  top: 50%;
  left: calc(100% - 0.3rem);
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
#map .marker-area2 > a.marker3 .bubble-txt {
  top: 50%;
  left: auto;
  right: calc(-50% - 2.5rem);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
#map .marker-area2 > a.marker3 .bubble-txt:before {
  top: 50%;
  left: -0.25rem;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
}
#map .marker-area2 > a.marker3.active {
  border: 2px solid #2970cd;
  background: rgba(41, 112, 205, 0.2);
}
#map .marker-area2 > a.marker3.active:before {
  background: #2970cd;
}
#map .marker-area2 > a.marker3.active:after {
  border-color: #2970cd;
}
#map .marker-area2 > a.marker3.active .bubble-txt {
  background: #0e53ad;
}
#map .marker-area2 > a.marker3.active .bubble-txt:before {
  background: #0e53ad;
}
#map .marker-area2 > a.marker3.active .bubble-txt > strong > em {
  color: #0e53ad;
}
#map .marker-area2 > a.marker3.over {
  border: 2px solid #2970cd;
  background: rgba(41, 112, 205, 0.2);
}
#map .marker-area2 > a.marker3.over:before {
  background: #2970cd;
}
#map .marker-area2 > a.marker3.over:after {
  border-color: #2970cd;
}
#map .marker-area2 > a.marker3.over .bubble-txt {
  background: #0e53ad;
}
#map .marker-area2 > a.marker3.over .bubble-txt:before {
  background: #0e53ad;
}
#map .marker-area2 > a.marker3.over .bubble-txt > strong > em {
  color: #0e53ad;
}
#map .marker-area2 > a.marker4 {
  width: 26.25rem;
  height: 26.25rem;
  z-index: 1;
}
#map .marker-area2 > a.marker4:before {
  top: 50%;
  left: -0.3rem;
  width: 50%;
  height: 2px;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
}
#map .marker-area2 > a.marker4:after {
  top: 50%;
  left: -0.3rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
#map .marker-area2 > a.marker4 .bubble-txt {
  top: calc(50% - 3rem);
  left: -18.5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
#map .marker-area2 > a.marker4 .bubble-txt:before {
  top: auto;
  bottom: -0.25rem;
}
#map .marker-area2 > a.marker4.active {
  border: 2px solid #e08923;
  background: rgba(224, 137, 35, 0.2);
}
#map .marker-area2 > a.marker4.active:before {
  background: #e08923;
}
#map .marker-area2 > a.marker4.active:before {
  border-color: #e08923;
}
#map .marker-area2 > a.marker4.active .bubble-txt {
  background: #c66b00;
}
#map .marker-area2 > a.marker4.active .bubble-txt:before {
  background: #c66b00;
}
#map .marker-area2 > a.marker4.active .bubble-txt > strong > em {
  color: #c66b00;
}
#map .marker-area2 > a.marker4.over {
  border: 2px solid #e08923;
  background: rgba(224, 137, 35, 0.2);
}
#map .marker-area2 > a.marker4.over:before {
  background: #e08923;
}
#map .marker-area2 > a.marker4.over:before {
  border-color: #e08923;
}
#map .marker-area2 > a.marker4.over .bubble-txt {
  background: #c66b00;
}
#map .marker-area2 > a.marker4.over .bubble-txt:before {
  background: #c66b00;
}
#map .marker-area2 > a.marker4.over .bubble-txt > strong > em {
  color: #c66b00;
}
.map-pointer-c2:before {
  background: rgba(0, 187, 159, 0.2);
  border-color: #7E84ED;
}
.map-pointer-c3:before {
  background: rgba(41, 112, 205, 0.2);
  border-color: #2970cd;
}
.matching-wrap {
  position: relative;
}
.matching-wrap.active .tbl-st {
  display: none;
}
.map-matching-cont {
  position: relative;
  display: none;
  width: 100%;
  padding: 0.75rem 1rem;
}
.map-matching-cont [class^="map-matching-c"] {
  display: block;
  margin-bottom: 0.25rem;
  color: #262626;
  font-size: 1.4rem;
  font-weight: 700;
}
.map-matching-cont [class^="map-matching-c"] > em {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #c66b00;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.2rem;
  text-align: center;
  vertical-align: middle;
}
.map-matching-cont .map-matching-c2 > em {
  background: #5B64AA;
}
.map-matching-cont .map-matching-c3 > em {
  background: #0e53ad;
}
.map-matching-cont .graph-list-type1 > li:not(.graph-list-gauge) .titT3 {
  letter-spacing: -0.075rem;
}
.map-matching-cont .graph-list-type1 > li:not(.graph-list-gauge) > strong {
  font-size: 1.1rem;
}
.map-matching-cont.active {
  display: block;
}
.map-matching-cont .map-matching-close {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  color: #333;
  font-size: 0.9rem;
}
.box-graph7 {
  display: flex;
  gap: 2.5rem;
  height: 19rem;
}
.box-graph7 > li {
  flex: 1;
}
.box-graph7 > li > div {
  border: 1px solid #C8C8D6;
  padding: 0.75rem;
  position: relative;
}
.box-graph7 > li > div > em {
  position: absolute;
  top: -0.3rem;
  left: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #71B5C1;
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1.5rem;
  text-align: center;
}
.box-graph7 > li > div > strong {
  display: block;
  padding-bottom: 1rem;
  color: var(--color-point-1-second);
  font-weight: 700;
  font-size: 0.8rem;
  text-align: center;
}
.box-graph7 > li > div > strong .guide-textbox {
  margin-left: 0.25rem;
  color: #444;
  text-align: left;
  font-weight: normal;
}
.box-graph7 > li > div > strong .guide-textbox .guide-text {
  width: 19rem;
}
.box-graph7 > li > div > span {
  display: block;
  margin-top: 1rem;
  color: #262626;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: right;
}
.box-graph7 > li > div > span > strong {
  display: inline-block;
  margin-right: 0.25rem;
}
.box-graph7 > li:first-of-type, .box-graph7 > li:nth-of-type(3) {
  background: #F8F8FD;
}
.box-graph7 > li:first-of-type > div, .box-graph7 > li:nth-of-type(3) > div {
  height: 100%;
}
.box-graph7 > li:first-of-type > div > strong, .box-graph7 > li:nth-of-type(3) > div > strong {
  border-bottom: 1px dashed #ccc;
}
.box-graph7 > li:first-of-type > div > div, .box-graph7 > li:nth-of-type(3) > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 1.5rem);
}
.box-graph7 > li:first-of-type > div > div .srh-cont, .box-graph7 > li:nth-of-type(3) > div > div .srh-cont {
  display: flex;
  align-items: center;
}
.box-graph7 > li:first-of-type > div > div .srh-cont span, .box-graph7 > li:nth-of-type(3) > div > div .srh-cont span {
  margin-left: 0.5rem;
  color: #262626;
  font-weight: 600;
}
.box-graph7 > li:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}
.box-graph7 > li:nth-of-type(2) > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0.5rem 1rem 2.3rem;
  height: 17.8571428571%;
}
.box-graph7 > li:nth-of-type(2) > div.height-c {
  height: 33.3333333333%;
}
.box-graph7 > li:nth-of-type(2) > div .srh-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.box-graph7 > li:nth-of-type(2) > div .srh-cont strong {
  color: var(--color-point-1-second);
  font-weight: 600;
  margin-right: 2.25rem;
  white-space: nowrap;
  flex: 2;
}
.box-graph7 > li:nth-of-type(2) > div .srh-cont > div {
  display: inline-flex;
  align-items: center;
}
.box-graph7 > li:nth-of-type(2) > div .srh-cont > div input {
  margin: 0;
}
.box-graph7 > li:nth-of-type(2) > div .srh-cont > div span {
  margin-left: 0.5rem;
  color: #262626;
  font-weight: 600;
}
.box-graph7 > li:nth-of-type(2):before {
  content: "+";
  position: absolute;
  top: 50%;
  left: -1.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  font-size: 0.8rem;
  color: #ccc;
  font-weight: 400;
}
.box-graph7 > li:nth-of-type(3) {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: #fff;
  position: relative;
}
.box-graph7 > li:nth-of-type(3) > div {
  height: 50%;
}
.box-graph7 > li:nth-of-type(3):before {
  content: "+";
  position: absolute;
  top: 50%;
  left: -1.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  font-size: 0.8rem;
  color: #ccc;
  font-weight: 400;
}
.tab-order-st3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7rem;
}
.tab-order-st3 > li {
  position: relative;
  width: 25%;
}
.tab-order-st3 > li > div {
  padding: 0.5rem 1rem;
  border: 2px solid #ccc;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
}
.tab-order-st3 > li > div span {
  font-size: 0.9rem;
  font-weight: 600;
  color: #555;
  white-space: nowrap;
}
.tab-order-st3 > li > div strong {
  display: inline-block;
  margin-right: 0.5rem;
  color: #7E84ED;
  font-size: 1.5rem;
  font-weight: 900;
}
.tab-order-st3 > li > div .circle {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  margin-right: 1.3rem;
  background: rgba(59, 187, 202, 0.05);
  position: relative;
}
.tab-order-st3 > li:first-of-type > div .circle:before {
  content: "";
  width: 60%;
  height: 60%;
  background: url(/portal/assets/img/sub/stepicon2.png) no-repeat center/100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.tab-order-st3 > li:nth-child(2) > div .circle:before {
  content: "";
  width: 60%;
  height: 60%;
  background: url(/portal/assets/img/sub/stepicon3.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.tab-order-st3 > li:nth-child(3) > div .circle {
  position: relative;
}
.tab-order-st3 > li:nth-child(3) > div .circle:before {
  content: "";
  width: 60%;
  height: 60%;
  background: url(/portal/assets/img/sub/stepicon4.png) no-repeat center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.tab-order-st3 > li:nth-child(3) > div span p {
  font-size: 0.7rem;
  letter-spacing: -1px;
}
.tab-order-st3 > li:nth-child(3) > div:before {
  content: "관장기관";
  position: absolute;
  top: 70%;
  left: -4.6rem;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: -1px;
}
.tab-order-st3 > li:nth-child(4) > div .circle:before {
  content: "";
  width: 60%;
  height: 60%;
  background: url("../img/sub/stepicon5.png") no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.tab-order-st3 > li:nth-child(4) > div:before {
  content: "e.cloud 플랫폼";
  position: absolute;
  top: 70%;
  left: -5.75rem;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: -1px;
}
.tab-order-st3 > li.on > div {
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
  color: #fff;
  border-color: transparent;
  border: none;
}
.tab-order-st3 > li.on > div .circle {
  background: #fff;
}
.tab-order-st3 > li.on > div span {
  color: #fff;
}
.tab-order-st3 > li.on > div > strong {
  color: #fff;
}
.tab-order-st3 > li:after {
  content: "\f105";
  position: absolute;
  top: 50%;
  right: -3.5rem;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  font-size: 1rem;
  font-weight: 800;
  color: #a2a2a2;
  font-family: "Line Awesome Free";
  background: #efefef;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  padding: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-order-st3 > li:last-of-type:after {
  display: none;
}
.total-btn-box-type1 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0;
}
.total-btn-box-type1 .box-total2 {
  flex: 2;
}
.total-btn-box-type1 .btns {
  margin: 0;
}
.box-text-style4 p {
  color: #262626;
  font-size: 0.75rem;
}
.box-text-style4 p span {
  display: block;
}
.box-text-style4 p strong {
  font-weight: 700;
}
.box-text-style4 .hl-text {
  color: #7E84ED;
  font-size: 0.75rem;
  font-weight: 700;
}
.control-box .box .inner > li .input-wrap {
  gap:.15rem;
}
.control-box .box .inner > li .input-wrap input {
  flex:1;
}
.control-box .box .inner > li .btn-wrap {
  display:inline-flex;align-items:center;gap:.15rem;
}
.report-tit-wrap > div:nth-child(1) > span {
  font-size: 1.5rem;
  font-weight: 600;
}
.re-graph-list-gauge {
  display: flex;
  gap: 1.85rem;
}
.re-graph-list-gauge .label {
  color: #444;
  font-size: 0.85rem;
  font-weight: 500;
}
.re-graph-list-gauge .graph-count-vertical {
  position: relative;
  flex: 1;
  background: #E7EAF2;
  padding: 0.2rem;
  border-radius: 0.3rem;
  border: 1px solid #D0D5E5;
  height: 1.5rem;
  vertical-align: middle;
}
.re-graph-list-gauge .graph-count-vertical > em {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  background: linear-gradient(180deg, #7EC7AF 0%, #68A4D4 100%);
  animation: gradient1 5s ease infinite;
  border-radius: 0.3rem 0 0 0.3rem;
  height: 100%;
}
.re-graph-list-gauge .graph-count-vertical > em > .percent-tool {
  position: absolute;
  top: -110%;
  right: -1.25rem;
}
.icon-value-box {
  border: 1px solid #D0D5E5;
  border-radius: 0.6rem;
  overflow: hidden;
  background: #fff;
  padding: 1rem;
  display: grid;
  grid-template-rows: 1fr;
  gap: 1rem;
}
.icon-value-box .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.icon-value-box .inner .img-tit {
  text-align: center;
  width: 6rem;
  padding: 0.7rem 0;
  border-radius: 0.5rem;
  background: #EFF0F8;
}
.icon-value-box .inner .img-tit img {
  width: 1.8rem;
  height: 1.5rem;
}
.icon-value-box .inner .img-tit > p {
  font-size: 0.9rem;
  font-weight: 700;
}
.icon-value-box .inner > span {
  color: #555;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
}
.icon-value-box .inner > span strong {
  color: #262626;
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 0.5rem;
}
.icon-value-box .inner:nth-child(2) {
  border-top: 1px dashed #ccc;
  padding-top: 1rem;
}
.re-wrap2 > div:nth-child(1) {
  width: 38%;
}
.re-wrap2 > div:nth-child(2) {
  width: 61%;
}
.flexWrap5 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.no-font-weight {
  font-weight: normal !important;
}
.b-inner-txt {
  padding-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.b-inner-txt > span {
  color: #444;
}
.b-inner-txt > span > strong {
  font-weight: 700;
  margin-left: 0.2rem;
}
.b-inner-txt > span:nth-child(1) {
  position: relative;
}
.b-inner-txt > span:nth-child(1):after {
  content: "";
  width: 1px;
  height: 0.55rem;
  display: inline-block;
  background: #373C51;
  position: absolute;
  top: 50%;
  right: -0.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.flexWrap6 {
  display:flex;align-items:center;gap:1rem;
}
.flexWrap6 > div:nth-child(1) {
  width:55%;
}
.flexWrap6 > div:nth-child(2) {
  flex:1;
}
.my-info-txt {
  display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;
}
.datePicker-res {
  display:inline-block;width:100%;
}
.datePicker-res .calendar-picker {
  width:100%;
}
.datePicker-res .calendar-input {
  width:100%;max-width:none;
}
.datePicker-res.mn-1 {
  min-width:8rem;
}
.l-txt {
  width:100%;word-wrap:break-word;word-break:keep-all;
}
.cp-rdm-grid .area2 {
  display:flex;gap:1rem;flex-grow:1;
}
.cp-rdm-grid .area2 > div:nth-child(1) {
  width:calc(75% - 0.5rem);display:flex;flex-direction:column;gap:1rem;
}
.cp-rdm-grid .area2 > div:nth-child(2) {
  width:calc(25% - 0.5rem);
}
.cp-rdm-grid .area2 .area2-1 {
  display:flex;gap:1rem;
}
.cp-rdm-grid .area2 .area2-1 > div {
  flex:1;
}
.cp-rdm-grid div[class*=cont] {
  height: 100%;
  padding: 0.75rem 1rem;
  background: #fff;
  border: 1px solid #D0D5E5;
  border-radius: 0.5rem;
}
.cp-rdm-sel > li + li {
  margin-top:.5rem;
}
.cp-rdm-sel > li > div {
  display:flex;align-items:center;gap:.25rem;
}
.cp-rdm-sel > li > div > span {
  display:inline-block;width:15%;
}
.cp-rdm-sel > li > div .select-group {
  flex:1;
}
.m-list-wrap > ul > li + li {
  margin-top:.25rem;
}
.m-list-wrap > ul > li > div > * {
  height:1.8rem;padding:.4rem 0;display:flex;align-items:center;
}
.m-list-wrap > ul > li > div .list-inner {
  justify-content:space-between;border-bottom:1px dashed #ccc;
}
.m-list-wrap > ul > li > div .list-inner:last-child {
  border-bottom:1px solid #ccc;
}
.m-list-wrap > ul > li .date {
  color:#333;font-size:.7rem;font-weight:500;border-bottom:1px solid #ccc;
}
.m-list-wrap > ul > li .list-tit {
  color:#333;font-size:.7rem;
}
.m-list-wrap > ul > li .list-value {
  color:#555;font-size:.65rem;font-weight:500;display:flex;align-items:center;gap:.25rem;
}
.m-list-wrap > ul > li .list-value strong {
  color:#333;font-size:.8rem;font-weight:600;
}
.m-list-wrap > ul > li .no-data {
  display:flex;align-items:center;justify-content:center;height:3rem;font-size:.7rem;
}
.box-inner-txt {
  display: flex;
  flex-direction: column;
  gap:.5rem;
  line-height: 1.4;
}
.box-inner-txt .txt-st1 {
  color: #333;
  font-size: 0.9rem;
  font-weight: 600;
}
.box-inner-txt .txt-st2 {
  color: #5B64AA;
  font-size: 0.9rem;
  font-weight: 600;
}
.box-inner-txt .txt-st3 {
  color: #333;
  font-size: 0.9rem;
  font-weight: 400;
}
.box-inner-txt .txt-st4 {
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.4rem;
  font-weight: 800;
}
.box-inner-txt .txt-st5 {
  color: #5B64AA;
  font-size: 1rem;
  font-weight: 700;
}
.box-inner-txt .txt-st6 {
  color: #333;
  font-size: .8rem;
  font-weight: 400;
}
.box-inner-txt .txt-st7 {
  color: #5B64AA;
  font-size: .8rem;
  font-weight: 400;
}
.box-inner-txt .inner-box-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 3.35rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: #F1F2F7;
}
.box-inner-txt .inner-box-wrap > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  height: 100%;
  border-radius: 0.5rem;
  background: #373C51;
  padding: 0 1rem;
}
.box-inner-txt .inner-box-wrap > div .tit {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
}
.box-inner-txt .inner-box-wrap > div .txt {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
}
.box-inner-txt .inner-box-wrap > div .txt > strong {
  background: linear-gradient(90deg, #91E7D1 0%, #7CBFEE 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
}
.box-inner-txt .inner-box-wrap.type2 {
  margin-bottom: 1rem;
}
.box-inner-txt .inner-box-wrap.type2 > div {
  background: #fff;
}
.box-inner-txt .inner-box-wrap.type2 > div .tit {
  color: #333;
}
.box-inner-txt .inner-box-wrap.type2 > div .txt {
  color: #333;
}
.box-inner-txt .inner-box-wrap.type2 > div .txt > strong {
  background: linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (max-width: 1800px) {
.icon-box-flex3.type2 .box-style1:nth-child(2) .img img {
  width: auto;
}
}
@media screen and (max-width: 1760px) {
.tab-st2.res2 > li {
  width: 100%;
}
.tab-st2[class*=res2] > li > a {
  background:#fff;border-radius:.5rem;border:1px solid #D0D5E5;font-size:.8rem;font-weight:400; color:#666;
}
.tab-st2[class*=res2] > li.on > a {
  font-weight:600;
}
.tab-st2[class*=res2] > li.on > a:before {
  background:linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
}
.tab-st2[class*=res2] > li.on > a > span {
  color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;
}
.tab-st2[class*=res2] > li + li {
  margin-top:0.25rem;
}
.tab-st2[class*=res2] > li:last-child {
  margin-bottom:0.75rem;
}
}
@media screen and (max-width: 1200px) {
.box-style6 .left .box.last, .box-style6 .right .box.last {
  width: 100%;
}
.right .box:nth-child(n+3) {
  border-top: 1px dashed #ccc;
}
.tit-btns-wrap > .flexWrap {
  display: inline-block;
}
.tit-btns-wrap > .al, .tit-btns-wrap .ar {
  margin-top: 0.3rem;
}
}
@media screen and (max-width: 1024px) {
.icon-box-flex3 .box-style1 .img img {
  position: relative !important;
    left: auto;
    bottom: auto;
}
}
@media (max-width:900px) {
.tab-st2.res1 > li {
  width: 100%;
}
.tab-st2[class*=res1] > li > a {
  background:#fff;border-radius:.5rem;border:1px solid #D0D5E5;font-size:.8rem;font-weight:400; color:#666;
}
.tab-st2[class*=res1] > li.on > a {
  font-weight:600;
}
.tab-st2[class*=res1] > li.on > a:before {
  background:linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
}
.tab-st2[class*=res1] > li.on > a > span {
  color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;
}
.tab-st2[class*=res1] > li + li {
  margin-top:0.25rem;
}
.tab-st2[class*=res1] > li:last-child {
  margin-bottom:0.75rem;
}
}
@media (min-width: 769px) {
.tab-st2 li.on a:hover:after, .tab-st2 li.on a:focus:after {
  color: #22499d;
    font-weight: 600;
}
}
@media screen and (max-width: 768px) {
.tit-btns-wrap > [class^="titT"] {
  width:100%;flex:none
}
.srh-filter .click-item-wrap {
  width: 100%;
    flex-wrap: wrap;
}
.srh-filter .click-item-wrap > .click-item {
  text-align: center;
    width: 48.4%;
}
.srh-filter .click-item-wrap > .click-item > span {
  white-space: nowrap;
}
.report-tit-wrap > div:nth-child(1) > span {
  font-size: 1.2rem;
}
.report-tit-wrap > div:nth-child(2) .btn-style2 {
  position: absolute;
    top: 0;
    right: 0;
    width: 4.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0;
}
.report-tit-wrap > div:nth-child(2) .btn-style2 i {
  margin: 0;
}
.report-tit-wrap > div:nth-child(2) .btn-style2 > span > span {
  display: none;
}
}
@media screen and (max-width: 640px) {
.tab-st2.res3 > li {
  width: 100%;
}
.tab-st2[class*=res3] > li > a {
  background:#fff;border-radius:.5rem;border:1px solid #D0D5E5;font-size:.8rem;font-weight:400; color:#666;
}
.tab-st2[class*=res3] > li.on > a {
  font-weight:600;
}
.tab-st2[class*=res3] > li.on > a:before {
  background:linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
}
.tab-st2[class*=res3] > li.on > a > span {
  color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;
}
.tab-st2[class*=res3] > li + li {
  margin-top:0.25rem;
}
.tab-st2[class*=res3] > li:last-child {
  margin-bottom:0.75rem;
}
.right .box:nth-child(n+2) {
  border-top: 1px dashed #ccc;
}
}
@media screen and (max-width: 460px) {
.tab-st1.res1 > li {
  width: 50% !important;
}
.tab-st1 li a > span {
  word-break:keep-all;word-wrap:break-word;
}
}
@media screen and (max-width:1024px) {
.srh-filter2 > ul {
  display:flex;flex-wrap:wrap;flex:none;width:100%;
}
.srh-filter2 > ul > li {
  width:100%;padding:0;
}
[class*=srh-filter] .dateBtn.res1 {
  margin: 0.1rem 0 0.35rem 0;
}
[class*=srh-filter] .dateBtn {
  margin:0;
}
[class*=srh-filter] .dateBtn {
  display:flex;flex-wrap:wrap;
}
[class*=srh-filter] .dateBtn.res2 [class*=btn-style] {
  width:calc((100% - 0.25rem) / 2);margin-top:0;
}
[class*=srh-filter] > ul > li .srh-cont .srh-tit {
  width:100%;
}
.ess-gener-box [class^="inner"] {
  flex:1;
}
.flexWrap6 {
  flex-wrap:wrap;
}
.flexWrap6 > div:nth-child(1) {
  width:100%;
}
.icon-box-wrap5 .icon-box2 {
  height:auto;
}
.icon-box-wrap5 .icon-box2 > div {
  flex-wrap:wrap;
}
.icon-box-wrap5 .icon-box2 > div .img-tit {
  width:100%;
}
.icon-box-wrap5 .icon-box2 > div .tit-value {
  flex:none;width:100%;
}
.box-graph7 > li:first-of-type > div > div {
  height:auto;padding-top:.75rem;
}
.box-graph7 > li:nth-of-type(2):before {
  left:50%;top:-1.25rem;
}
.box-graph7 > li {
  width:100%;flex:none;
}
.n-list-flex {
  margin-top:0.5rem;
}
.n-list-flex > div > p {
  white-space:pre-line;
}
.my-info-txt > strong {
  width:100%;
}
.box-graph5.res1 > ul > li {
  flex-wrap:wrap;
}
.box-graph5.res1 > ul > li > .scope {
  min-width:none;width:100%;
}
.cp-rdm-grid .area2 .area2-1 {
  flex-wrap:wrap;
}
.cp-rdm-grid .area2 .area2-1 > div {
  flex:none;width:100%;height:auto;
}
.cp-rdm-grid [class*=cont] {
  height: auto;
}
.cp-rdm-grid .area2 > div:nth-child(1) .cont {
  min-height:unset;
}
}
@media all and (min-width: 340px) and (max-width: 767px) {
.page-tit {
  position: relative;
    padding-top: 2rem;
    z-index:2;
}
.page-tit .weather-box {
  display: none;
}
.page-tit .breadcrumb {
  position: absolute;
    top: -0.5rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 3;
}
.page-tit .breadcrumb:before {
  content:"";width:calc(100% + 1rem);position:absolute;height:3rem;top:-1rem;z-index:-1;background-color:#E1E4EE;
}
}
@media screen and (max-width:1800px) {
div[class*=tbl-st].n-nowrap {
  white-space:normal;
}
div[class*=tbl-st].n-nowrap table {
  table-layout:fixed;overflow-x:auto;
}
}
@media screen and (max-width:1700px) {
.box-graph2 > li > ul > li.num > strong {
  word-break:break-all;
}
.tab-order-st3 {
  gap:3rem;
}
.tab-order-st3 > li:after {
  right:-1.5rem;
}
.tab-order-st3 > li:nth-child(3) > div:before {
  left:-2.6rem;
}
.tab-order-st3 > li:nth-child(4) > div:before {
  content:"E-Market\A플랫폼";white-space:pre-line;left:-2.9rem;
}
.cp-rdm-grid .area2 {
  flex-grow:unset;flex-wrap:wrap;
}
.cp-rdm-grid .area2 > div:nth-child(1) {
  width:100%;
}
.cp-rdm-grid .area2 > div:nth-child(1) .cont {
  min-height: 20rem;
}
.cp-rdm-grid .area2 > div:nth-child(2) {
  width:100%;
}
}
@media screen and (max-width:1600px) {
.ess-gener-box [class^="inner"] {
  flex:none;width:50%;
}
}
@media screen and (max-width:1500px) {
.flexInput.res2 input {
  min-width:8rem;
}
}
@media screen and (max-width:1400px) {
.icon-box-wrap9 ul {
  flex-wrap:wrap;gap:1rem;
}
.icon-box-wrap5 .icon-box1 {
  width:100%;flex:none;
}
.icon-box-wrap5 .icon-box2 {
  width:100%;flex:none;
}
.re-wrap2 > div:nth-child(1) {
  width:100%;
}
.re-wrap2 > div:nth-child(2) {
  width:100%;
}
.tab-order-st3 {
  flex-wrap:wrap;
}
.tab-order-st3 > li {
  width:100%;
}
.tab-order-st3 > li > div {
  justify-content:center;
}
.tab-order-st3 > li:after {
  content:"\f107";right:50%;top:unset;bottom:-3rem;
}
.tab-order-st3 > li:nth-child(3) > div:before {
  left:0;top:-2rem;
}
.tab-order-st3 > li:nth-child(4) > div:before {
  left:0;top:-2.5rem;
}
.box-graph7 {
  flex-wrap:wrap;height:auto;
}
.box-graph7 > li:nth-of-type(3):before {
  left:50%;top:-1.25rem;
}
.box-graph7 > li:nth-of-type(3) > div > div {
  height:auto;padding-top:.75rem;
}
.box-style12 .txt .list-st1 {
  display:flex;flex-wrap:wrap;padding:0.5rem;
}
.box-style12 .txt .list-st1 > li {
  width:100% !important;padding-top:0;margin-bottom:0.25rem !important;word-wrap:break-word;word-break:keep-all;
}
}
@media screen and (max-width:1200px) {
.selected-box .btn-style1 {
  width:100%;
}
.step-wrap .step-box:nth-child(2):after {
  display:none;
}
.report-tit-wrap > div:nth-child(2) .btn-style2 {
  position:absolute;top:0;right:0;
}
.icon-box-wrap5 .icon-box2.type3 {
  height:auto;
}
.icon-box-wrap5 .icon-box2 > div {
  flex-wrap:wrap;
}
.icon-box-wrap5 .icon-box2 > div .tit-value {
  flex:none;width:100%;border:none;
}
.icon-box-wrap5 .icon-box2.type3 > div .tit-value .tit {
  background:linear-gradient(90deg, #7E84ED 0%, #0C75CA 100%);
}
.box-inner-txt > p {
  word-wrap:break-word;word-break:keep-all;
}
.box-inner-txt .inner-box-wrap {
  flex-wrap:wrap;gap:.5rem;height:auto;
}
.box-inner-txt .inner-box-wrap > div {
  flex:none;width:100%;padding:.5rem;
}
}
@media screen and (max-width:768px) {
.step-wrap .step-box:before {
  content:"\e941";display:inline-block;font-family:"xeicon";width:1.5rem;height:1.5rem;border-radius:50%;background:#f1f1f1;line-height:1.5rem;text-align:center;color:#555;font-size:.8rem;position:absolute;bottom:-2rem;left:50%;transform: translateX(-50%);
}
.step-wrap .step-box:last-child:before {
  display:none;
}
.icon-box-wrap5 .icon-box1 {
  height:auto;
}
.icon-box-wrap5 .icon-box1 > div {
  flex-wrap:wrap;
}
.icon-box-wrap5 .icon-box1 > div .img-tit {
  width:100%;
}
.total-btn-box-type1 {
  flex-wrap:wrap;justify-content:end;
}
.total-btn-box-type1 .box-total2 {
  flex:none;width:100%;
}
.flexInput.res1 input {
  width:8rem !important;
}
.flexInput.res1 input:disabled {
  width: 100% !important;
}
.g-txt {
  display:flex;flex-wrap:wrap;word-wrap:break-word;word-break:keep-all;
}
.g-txt strong {
  width:100%;margin:0;
}
.b-st2-inner > p {
  white-space:pre-line;word-wrap:break-word;word-break:keep-all;
}
.box-inner-txt .txt-st1 {
  font-size:.8rem;
}
.box-inner-txt .txt-st2 {
  font-size:.8rem;
}
.box-inner-txt .txt-st3 {
  font-size:.8rem;
}
.box-inner-txt .txt-st4 {
  font-size:1.2rem;
}
}
@media screen and (max-width:600px) {
.box-graph7 > li:nth-of-type(2) > div .srh-cont {
  flex-wrap:wrap;
}
.box-graph7 > li:nth-of-type(2) > div .srh-cont strong {
  width:100%;
}
.box-graph7 > li:nth-of-type(2) > div .srh-cont > div {
  width:100%;justify-content:end;
}
}
@media screen and (max-width:480px) {
.ess-gener-box img {
  
}
.ess-gener-box [class^="inner"] {
  flex:none;width:100%;
}
.ess-gener-box .ess-box2 > div:nth-child(1), .ess-gener-box .ess-box3 > div:nth-child(1) {
  display:flex;align-items:center;justify-content:center;width:100%;
}
.lnk-lst > li > a [class^=checkbox-radio-type01] {
  left:3%;
}
.goal-set-wrap > div:nth-child(1) .tit-input label {
  width:100%;
}
.sub-wrap .page-tit .tit {
  font-size:1.1rem;
}
}
@media screen and (max-width:450px) {
.page-tit .tit {
  flex-wrap:wrap;gap:.5rem;
}
.page-tit .tit .badge {
  margin-left:unset !important;
}
.box-graph7 .srh-cont input {
  width:80% !important;
}
.icon-value-box .inner {
  flex-direction:column;gap:0.5rem;
}
.icon-value-box .inner .img-tit {
  width:100%;
}
}
@media screen and (max-width:400px) {
.calendar-input input {
  font-size:.65rem !important;
}
.report-tit-wrap > div:nth-child(1) > span {
  width:100%;
}
}