@charset "utf-8";
:root {
  --mainBlue: #1549b5;
  --mainGray: #404040;

  --mainPoint01: #1454ff;
  --mainPoint02: #1f8f8d;
  --mainPoint03: #e54060;
  
  --color1: #00b0f0;
  --color2: #1f8f8d;
  --color3: #e54060;
}
 
header {
  position: relative;
  height: 80px;
  background: #fff;
  box-shadow: 0 2px 12px 4px rgba(21, 73, 181, 0.05);
}
.headerInner{
  width: 1220px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

body.hidden {
  height: 100vh;
  overflow: hidden;
}
.logo {
  display: inline-block;
  position: absolute;
  width: 101px;
  height: 46px;
  top: 50%;
  left: 85px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.headerInner .logo {
  top: 50%;
  left: 0px;
}
.logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
  float: left;
  font-size: 0;
  background: url(../images/new/logo.svg) no-repeat center;
  background-size: contain;
}

header > ul {
  position: absolute;
  height: 100%;
  right: 80px;
}

header.blgmainHeader > .headerInner > ul 
{
  position: absolute;
  height: 100%;
  right: 0px;
}
header > ul > li,header.blgmainHeader > .headerInner > ul > li {
  line-height: 80px;
  float: left;
  margin: 0 45px;
}

header.blgmainHeader > .headerInner > ul > li {
  margin: 0 15px;
}

header > ul > li.cut::after,header.blgmainHeader > .headerInner > ul > li.cut::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50px;
  background-color: #dfe3eb;
  top: -2px;
  left: 45px;
  position: relative;
}

header > ul > li.cutLine::after,header.blgmainHeader > .headerInner > ul > li.cutLine::after {
  content: "";
  width: 1px;
  height: 40px;
  background-color: #dfe3eb;
  top: 16PX;
  left: 45px;
  position: relative;
}

header.blgmainHeader > .headerInner > ul > li.cut::after {
  top: -4px;
  left: 15px;
}

header.blgmainHeader > .headerInner > ul > li.cutLine::after {
  top: 12PX;
  left: 17px;
}

header > ul > li > a,header.blgmainHeader > .headerInner > ul > li > a  {
  position: relative;
  float: left;
  font-size: 20px;
  font-weight: 600;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  color: #161616;
}

header > ul > li:hover > a:not(.notOpen),header.blgmainHeader > .headerInner > ul > li:hover > a:not(.notOpen){
  color: #1549b5;
}

.notOpen{color:#dcdcdc !important}

header > ul > li > a.castPortal,header.blgmainHeader > .headerInner > ul > li > a.castPortal {
  padding: 0 0 0 42px;
}

header > ul > li > a.castPortal span,header.blgmainHeader > .headerInner > ul > li > a.castPortal span {
  display: inline-block;
  position: absolute;
  line-height: 20px;
  color: var(--mainBlue);
  font-size: 14px;
  background: #eaf1ff;
  padding: 0 6px;
  border-radius: 10px;
  left: 0;
  top: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.gnb, .gnb.bigmainGnb {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  background: #fff;
  padding: 20px 84px 0 152px;
  border: 1px solid #dfe3db;
  border-width: 1px 0 0;
  box-sizing: border-box;
  box-shadow: 0 20px 15px 6px rgba(0, 0, 0, 0.18);
  left: 0;
  top: 80px;
  z-index: 9;
}

header.on .gnb {
  display: inline-block;
}

header .gnb a{
   color: #161616 !important;
}

.mobileMenu {
  display: none;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  background: url(../images/new/mobileMenu.png) no-repeat center;
  background-size: contain;
  top: 50%;
  left: 1.75rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.mobileGnb {
  display: none;
  width: calc(100% - 2.875rem);
  border: 0;
  height: calc(100vh - 80px);
  background: #f7f8f9;
  box-shadow: 48vw 14vw 0 14vw rgba(0, 0, 0, 0.4);
}
.mobileGnb.on {
  display: inline-block;
}

header.on .mobileGnb {
  display: none;
}
.gnb > ul {
  width: 100%;
  margin-bottom:0;
}

.gnb.bigmainGnb {
  padding: 20px 0 10px 0;
}

.gnb.bigmainGnb > ul {
  margin: 0 auto;
  width: 1220px;
  display: block;
}

.gnb > ul > li, .gnb.bigmainGnb > ul > li {
  width: 100%;
  float: left;
  padding: 0 0 20px;
  box-sizing: border-box;
}

.gnb.bigmainGnb > ul > li {
  display: flex;
  align-items: flex-start;
}

.gnb > ul > li > strong, .gnb.bigmainGnb > ul > li > strong  {
  display: inline-block;
  width: calc(100% - 1244px);
  max-width: 400px;
  font-size: 20px;
  font-weight: 700;
  float: left;
  padding: 0 0 0 40px;
  background: url(../images/new/1depth_ico.png) no-repeat left center;
  box-sizing: border-box;
}

.gnb.bigmainGnb > ul > li > strong  {
  flex: 1;
}

.gnb > ul > li > ul,.gnb.bigmainGnb > ul > li > ul {
  position: relative;
  width: 1244px;
  float: left;
}
 .gnb.bigmainGnb > ul > li > ul {
  flex: 3.5;
}

.gnb > ul > li > ul::after, .gnb.bigmainGnb > ul > li > ul::after {
  content: "";
  width: 100%;
  height: 1px;
  border: 1px dashed #dfe3eb;
  border-width: 0 0 1px;
  left: 0;
  bottom: -10px;
}


.gnb.bigmainGnb > ul > li:last-child > ul::after, .gnb > ul > li:last-child > ul::after{
     border-bottom: 0;
}


.gnb > ul > li > ul > li{
  width: calc(100% / 6);
  float: left;
}
.gnb.bigmainGnb > ul > li > ul > li {
  width: calc(100% / 5);
  float: left;
}
.gnb > ul > li > ul > li > strong {
  display: inline-block;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
/*   margin: 0 0 8px; */
    cursor: pointer;
}
.gnb > ul > li > ul > li > strong > a {
  font-size: inherit;
  font-weight: inherit;
}
.gnb > ul > li > ul > li > ul {
/*   margin-top: 8px; */
}
.gnb > ul > li > ul > li > ul > li {
  width: 100%;
  margin: 0 0 4px;
  cursor: pointer;
}
.gnb > ul > li > ul > li > ul > li.haveDepth4 {
  position: relative;
  cursor: pointer;
}

.gnb > ul > li > ul > li > ul > li > a {
  position: relative;
  color: #616161;
  font-size: 15px;
  padding: 0 0 0 8px;
  box-sizing: border-box;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.gnb > ul > li > ul > li > ul > li > a::before {
  content: "";
  width: 2px;
  height: 2px;
  background: #616161;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  top: 8px;
  left: 1px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.gnb > ul > li > ul > li > ul > li > a:not(.nothover):hover {
  color: var(--mainBlue)!important;
}
.gnb > ul > li > ul > li > ul > li > a:hover::before {
  background: var(--mainBlue);
}
.gnb .haveDepth4 > ul {
  display: none;
  position: absolute;
  width: 80px;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 12px 4px rgba(0, 0, 0, 0.15);
  top: 0;
/*   right: 0; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  z-index: 1;
  margin-left:10px;
}
.gnb .haveDepth4:hover > ul {
  display: inline-block;
}
.gnb .haveDepth4 > ul > li {
  width: 100%;
  font-size: 14px;
  padding: 4px;
  border: 1px solid #dfe3eb;
  border-width: 0 0 1px;
}
.gnb .haveDepth4 > ul > li:last-child {
  border: 0;
}
.gnb .notOnline * {
  color: #dcdcdc !important;
      cursor: pointer;
}

.container {
  display: inline-block;
  position: relative;
  width: 100%;
}

.wrap {
  display: inline-block;
  width: 100%;
  padding: 0 55px;
  box-sizing: border-box;
  margin-top: 0px !important;
}

.indicatorsTab {
  width: 100%;
  height: 50px;
  margin: 14px 0;
  padding-left: 60px;
  position: relative;
}
.indicatorsTab::before {
  content: "지표";
  border-left: 3px solid #1549b5;
  padding-left: 7px;
  color: #161616;
  font-size: 22px;
  letter-spacing: -0.5px;
  font-weight: 700;
  line-height: 22px; 
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.indicatorsTab * {
  float: left;
}
.indicatorsTab .tabCombo {
  position: relative;
  display: flex;
  width: calc(20% - 45px);
  height: 50px;
  margin: 0px 10px 0 0px;
  border: 1px solid #dfe3eb;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  box-sizing: border-box;
}

.indicatorsTab .tabCombo.on {
	border: 1px solid var(--mainBlue);
  /*border: 1px solid #999;*/
}
.indicatorsTab .tabCombo.disabled {
  background: #dfe3e8;
}

.indicatorsTab .tabCombo > button {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  background: #dfe3e8;
  border-radius: 6px;
  padding: 10px 7px 10px 14px;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.tabCombo1 > button, .tabCombo2 > button, .tabCombo3 > button, .tabCombo4 > button{
	width: calc(100% - 38px) !important;	
}
/*
.indicatorsTab .tabCombo.disabled > button {
  color: #9aa8bc;
  background: #dfe3e8;
}
*/
.indicatorsTab button#chartTitleText {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    text-align: left;
}

.indicatorsTab .tabCombo > button.on {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  background: #fff;
  border-radius: 6px;
  padding: 10px 7px 10px 14px;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px; 
  /*border: 1px solid var(--mainBlue);*/
}

.indicatorsTab .tabCombo > button button{
	color: #9aa8bc;
}

.indicatorsTab .tabCombo > button.on button{
	color: var(--mainBlue);
	/*color: #161616;*/
}

.indicatorsTab .tabCombo > button::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/new/comboDown_btn.png) no-repeat center;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.indicatorsTab .tabCombo.on > button::after {
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
}
.indicatorsTab .tabCombo.disabled > button::after {
  background: url(../images/new/comboDown_dis_btn.png) no-repeat center;
}
.indicatorsTab .tabCombo > button.close {
  width: 38px;
  height: 100%;
  padding: 10px 14px 10px 7px;
  font-size: 0;
  flex: 0 0 38px;
}
.indicatorsTab .tabCombo:nth-of-type(1) > button.close {
  display: none;
}
.indicatorsTab .tabCombo > button.close::before {
  content: "";
  width: 1px;
  height: 50%;
  background: #cbd4e1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
}
.indicatorsTab .tabCombo > button.close::after {
  background: url(../images/new/currentClose_ico.png) no-repeat center;
  right: 50%;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
}
.indicatorsTab .tabCombo.disabled > button.close::after {
  background: url(../images/new/currentClose_dis_ico.png) no-repeat center;
}

.indicatorsTab .tutorialBtn{
  text-align: center;     
  width: 85px;   
  line-height: 38px;  
  border-radius: 5px;     
  background: #fff;     
  position: absolute;     
  top: 50%;     
  border: 1px solid #1549b5;     
  right: 0;     
  transform: translateY(-50%);
  font-size: 15px;
  color: #1549b5;
}
.indicatorsTab .tabCombo .indicators {
  display: none;
  position: absolute;
  width: 100%;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  box-shadow: 0 2px 12px 4px rgba(21, 73, 181, 0.15);
  box-sizing: border-box;
  top: 64px;
  left: 0;
  z-index: 3;
}
.indicatorsTab .tabCombo .indicators.on {
  display: inline-block;
}
.indicators ul,
.indicators li {
  width: 100%;
}
.indicators > ul {
  margin: 0 0 22px;
}
.indicators > ul:only-child,
.indicators > ul:last-child {
  margin: 0;
}
.indicators > ul > li {
}
.indicators > ul > li strong {
  display: inline-block;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 4px; /*2023-11-22 : 디자인 시안과 맞추기 위함*/
}
.indicators > ul > li ul {
}

/*2023-11-14 지표 선택 selectbox 수정 시작*/
.indicators > ul > li ul li {
  position: relative;
  padding: 0 0 0 8px;
  /*margin: 0 0 4px; 2023-11-22 : 디자인 시안과 맞추기 위함*/
  box-sizing: border-box;
  -webkit-transition: 0.3s all;
}
.indicators > ul > li ul li a {
	font-size: 15px;
}

.indicators > ul > li ul li div a::before {
  content: "";
  width: 2px;
  height: 2px;
  background: #616161;
  left: -8px;
  top: 10px; /*2023-11-23 블릿 위치 수정*/
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

.indicators > ul > li ul li div a:hover::before {
  background: var(--mainBlue);
}
.indicators > ul > li ul li div a {
  font-size: 15px;
  color: #161616;
}

.indicators > ul > li ul li div a.on {
  font-size: 15px;
  color: var(--mainBlue);
}

.mobileNav > ul > li ul li div a.on {
  color: var(--mainBlue);
}

/*2023-11-14 지표 선택 selectbox 수정 끝*/

.indicators > ul > li ul li div a:hover {
  color: var(--mainBlue);
}
.indicatorsTab .addTab {
  width: 34px;
  height: 34px;
  font-size: 0;
  margin: 8px 0;
  background: #f5f5f5 url(../images/new/add_btn.png) no-repeat center;
  border: 1px dashed #777;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.indicators > ul > li ul div li::before {	/*2023-11-22 : 디자인 시안과 맞추기 위함*/
  content: "";
  width: 2px;
  height: 2px;
  background: #616161;
  left: 1px;
  top: 8px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

/* mobile 상단 drop s----------유지혜 2023-10-05*/
.mobileNav {
  display: none;
}

/* mobile 상단 drop e----------유지혜 2023-10-05*/

.contentBetween {
	width:100%;
  	height: 760px;
	float: left;
	padding: 25px 20px;
	background: #fff;
	border: 1px solid #dfe3eb;
	box-shadow: 0 2px 12px 4px rgba(21, 73, 181, 0.05);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-sizing: border-box;
}

.contentLeft,
.contentRight {
  height: 760px;
  float: left;
  padding: 25px 20px;
  background: #fff;
  border: 1px solid #dfe3eb;
  box-shadow: 0 2px 12px 4px rgba(21, 73, 181, 0.05);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-sizing: border-box;
}

.contentLeft {
  width: 480px;
  margin: 0 30px 0 0;
}
.contentRight {
    width: calc(100% - 510px);
}

h4 {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  padding: 0 0 0 10px;
  margin: 0 0 8px;
  box-sizing: border-box;
}
h4::before {
  content: "";
  width: 3px;
  height: 16px;
  background: var(--mainBlue);
  left: 0;
  top: 2px;
}
.comparison {
  width: 100%;
  height: 40px;
  /* float: left; */
  margin: 0 0 6px;
  background: #dfe3eb;
  overflow: hidden;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-left: 0px !important;
}
.comparison > li {
  position: relative;
  width: 50%; /* default 50% */
  float: left;
}
.comparison.region02 > li {
  width: calc(100% / 2);
}
.comparison.region03 > li {
  width: calc(100% / 3);
}
.comparison > li::after {
  content: "";
  width: 1px;
  height: 50%;
  background: #ccc;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.comparison > li.on::after,
.comparison > li:hover::after,
.comparison > li:last-child:after {
  display: none;
}
.comparison > li button,
.comparison > li .btnDiv {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 38px;
  color: #9aa8bc;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-align:center;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-sizing: border-box;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  margin: 0;
}
.comparison > li.on button,
.comparison > li:hover button,
.comparison > li.on .btnDiv,
.comparison > li:hover .btnDiv {
  color: var(--mainBlue);
  background: #fff;
  border: 1px solid var(--mainBlue);
}
.comparison > li > label{display:none;}
.etcFeedback {
  display: inline-block;
  position: relative;
  float: left;
  color: var(--mainGray);
  padding: 0 0 0 23px;
}
.etcFeedback::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/new/etcFeed_ico.png) no-repeat center;
  background-size: contain;
  left: 0;
  top: 2px;
}
.comparison + .etcFeedback,
.comparison + .etcFeedback + .etcFeedback {
/*   margin: 0 0 24px; */
 	margin: 0 0 14px;
}

.compBox {
  display: none;
  width: 100%;
  margin-bottom: 0px;
}
.compBox.on {
  display: inline-block;
}
.compBox > li {
  position: relative;
  width: 100%;
/*   margin: 0 0 24px; */
  margin-bottom: 14px;
}

.regionChk {
  margin-bottom: 0px !important;
}
.compCount {
  display: inline-block;
  position: absolute;
  color: #999;
  top: 2px;
  right: 0;
}
.compCount span {
  color: #000;
}
.compItemWrap {
  display: inline-block;
  position: relative;
  width: 100%;
  border: 1px solid #dfe3eb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.compItemWrap .selectItem {
  width: 100%;
  height: 37px;
  float: left;
  border: 1px solid #dfe3db;
  border-width: 0 0 1px;
  box-sizing: border-box;
}
.compItemWrap .selectItem > li {
  position: relative;
  width: 20%; /* default 20%*/
  height: 36px;
  line-height: 36px;
  float: left;
  text-align: center;
  background: #fff;
/*   transition: 0.3s all; */
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

/* 화면 호출 후 js에서 항목 탭 수에 맞춰 계산하도록 변경 
.compItemWrap .selectItem.temMax03 > li {
  width: calc(100% / 3);
}
.compItemWrap .selectItem.temMax04 > li {
  width: calc(100% / 4);
}
.compItemWrap .selectItem.temMax05 > li {
  width: calc(100% / 5);
}
*/

.compItemWrap .selectItem > li.on,
.compItemWrap .selectItem > li:hover {
  background: var(--mainBlue);
}
.compItemWrap .selectItem > li::after {
  content: "";
  width: 1px;
  height: 50%;
  background: #f1f3f8;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.compItemWrap .selectItem > li:hover::after,
.compItemWrap .selectItem > li:last-child::after {
  display: none;
}
.compItemWrap .selectItem > li input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.compItemWrap .selectItem > li button {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #777;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.compItemWrap .selectItem > li.on button,
.compItemWrap .selectItem > li:hover:not(.notOn) button {
  color: #fff !important;
}
/* .compItemWrap .selectItem > li:first-child button {
  color: var(--mainBlue);
} */

.compItemWrap .selectItem > li button.on{
  color: var(--mainBlue);
}

/* 2023-12-07 : 요청사항 반영 / 지역별 비교가 불가한 지표에 한하여 전체 외 항목 선택을 막기 위함 */
.compItemWrap .selectItem li.notOn {
  background: #dfe3eb;
}

.compItemWrap .selectItem li.notOn button{
  color: #9aa8bc;
}

.print-screen .contentRight{width:100%;}

.popup {
  display: none;
  background: #fff;
  border: 2px solid var(--mainBlue);
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
  box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  z-index: 5;
}
.popup.on {
  display: inline-block;
}
.popDim {
  display: inline-block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.compItemWrap .selectPop {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 8px;
  left: 0;
  bottom: calc(100% + 6px);
}
.selectPop ul {
  float: left;
}
.selectPop ul li {
  position: relative;
  width: calc((100% - 10px) / 2);
  float: left;
  padding: 6.5px 10px;
  margin: 0 10px 4px 0;
  border: 1px solid #eee;
  box-sizing: border-box;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.selectPop div .indcrDiv {
    position: relative;
    width: calc((100% - 16px) / 2);
    float: left;
    padding: 6.5px 10px;
    margin: 4px;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 6px;
}

.selectPop div .indcrDiv label{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
}

.selectPop div .indcrDiv.disableIndcr {
    background-color: #dfe3eb;
}

.selectPop div .indcrDiv.disableIndcr label {
    color: #9aa8bc;
}

.selectPop div .indcrDiv.disableIndcr label span::after {
	background: #dfe3eb;
}


/* .selectPop ul li.chkColor01 {
  border: 1px solid var(--mainPoint02);
}
 */
.selectPop div .indcrDiv.parent1 {
  border: 1px solid var(--mainPoint02);
}

/* .selectPop ul li.chkColor02 {
  border: 1px solid var(--mainPoint03);
} */

.selectPop div .indcrDiv.parent2 {
  border: 1px solid var(--mainPoint03);
}

.selectPop div .indcrDiv.parent0 {
  border: 1px solid var(--mainPoint01);
}

.selectPop ul li:nth-child(2n) {
  margin: 0 0 4px;
}
.selectPop ul li:last-child {
  margin: 0;
}
/* .selectPop ul li input {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
} */

.selectPop div .indcrDiv label input {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

/* .selectPop ul li span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
} */


.selectPop div .indcrDiv label span {
  display: inline-block;
  width: 100%;
  height: 100%;
  float: left;
  left: 0px;
  top: 0;
  position: absolute;
}

/* .selectPop ul li span::after {
  content: "";
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid #eee;
  right: 0;
  top: -2px;
} */

.selectPop div .indcrDiv label span::after {
  content: "";
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: 1px solid #eee;

/*   top: -2px; */	/*2023-11-15 항목 선택 레이어 팝업 ui 수정*/
   	right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.selectPop ul li.chkColor01 span::after {
  background: var(--mainPoint02) url(../images/new/checkWhite_ico.png) no-repeat
    center;
  border: 1px solid var(--mainPoint02);
}
.selectPop ul li.chkColor02 span::after {
  background: var(--mainPoint03) url(../images/new/checkWhite_ico.png) no-repeat
    center;
  border: 1px solid var(--mainPoint03);
}
.selectPop ul li.chkColor03 span::after {
  background: var(--mainPoint01) url(../images/new/checkWhite_ico.png) no-repeat
    center;
  border: 1px solid var(--mainPoint01);
}

/* 2023-09-08 */

.selectPop div .indcrDiv.parent1 label span::after {
  background: var(--mainPoint02) url(../images/new/checkWhite_ico.png) no-repeat
    center;
  border: 1px solid var(--mainPoint02);
}

.selectPop div .indcrDiv.parent2 label span::after {
  background: var(--mainPoint03) url(../images/new/checkWhite_ico.png) no-repeat
    center;
  border: 1px solid var(--mainPoint03);
}

.selectPop div .indcrDiv.parent0 label span::after {
  background: var(--mainPoint01) url(../images/new/checkWhite_ico.png) no-repeat
    center;
  border: 1px solid var(--mainPoint01);
}


.currentItem {
  display: inline-block;
/*   width: 100%; */
  float: left;
  padding: 10px 8px 4px;
  box-sizing: border-box;
}
.currentItem button {
  display: inline-block;
  position: relative;
  max-width: 176px;
  height: 32px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  padding: 6px 38px 6px 22px;
  margin: 0 6px 6px 0;
  background: #f7f8f9;
  border: 1px solid #eee;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-sizing: border-box;
}
.currentItem button::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
/*.currentItem button:nth-of-type(1)::before {
  background: var(--mainPoint01);
}
.currentItem button:nth-of-type(2)::before {
  background: var(--mainPoint02);
}
.currentItem button:nth-of-type(3)::before {
  background: var(--mainPoint03);
}
.currentItem button:nth-of-type(4)::before {
  background: var(--mainPoint01);
}*/


/*.currentItem #currentItem0::before {
  background: var(--mainPoint01);
}
.currentItem #currentItem1::before {
  background: var(--mainPoint02);
}
.currentItem #currentItem2::before {
  background: var(--mainPoint03);
}*/


.currentItem button::after {
  content: "";
  width: 11px;
  height: 11px;
  background: url(../images/new/currentClose_ico.png) no-repeat center;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.mapChartWrap {
  display: inline-block;
  width: 100%;
}
.mapChart {
  display: inline-block;
  width: 100%;
  height: 354px;
}
.mobileRegionPop {
  display: none;
  position: absolute;
  width: 100%;
}
.mapChart_bottom {
  color: #404040;
}

/*2023-11-20 문자 수 조정 추가*/
.mapChart_bottom span {
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  max-width: 11ch; 
  display: inline-block; 
  vertical-align: middle;
}

/* .mapChart_bottom span {
  color: var(--mainPoint01);
  font-weight: 700;
} */


h5 {
  display: inline-block;
  width: 100%;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 8px;
  font-family: "Noto sans KR";
  background: #fff;
}
.chartBox {
  display: inline-block;
  position: relative;
  width: 100%;
  background: #fff;
}
.txtColorWrap,
.txtColorWrap * {
  font-size: 17px;
  font-weight: 700;
}
.txtColorWrap {
  height: 36px;
  line-height: 36px;
  color: #616161;
  margin: 0 0 6px;
}
/*.txtColorWrap > strong {
  color: var(--mainPoint01);
}
.txtColorWrap span:nth-of-type(1) {
  color: var(--mainPoint01); 
}
.txtColorWrap span:nth-of-type(2) {
  color: var(--mainPoint02);
}
.txtColorWrap span:nth-of-type(3) {
  color: var(--mainPoint03);
}*/
.downloadBtn {
  display: inline-block;
  position: absolute;
  width: 90px;
  height: 36px;
  line-height: 36px;
  padding: 0 4px 0 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #dfe3eb;
  box-sizing: border-box;
  top: 0;
  right: 0;
  cursor: pointer;
}
.downloadBtn::before {
  content: "";
  width: 12px;
  height: 16px;
  background: url(../images/new/download_ico.png) no-repeat center;
  background-size: contain;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.downloadBtn .downPop {
  position: absolute;
  width: 190px;
  padding: 8px;
  top: 45px;
  right: 0;
  z-index: 3;
}
.downloadBtn .downPop a {
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 28px;
  text-align: center;
  margin: 0 0 4px;
  border: 1px solid #eee;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  box-sizing: border-box;
}
.downloadBtn .downPop a:last-child {
  margin: 0;
}
.downloadBtn .downPop a span:not(.c_explan_box) {
  display: inline-block;
  color: #343644;
  text-align-last: left;
  padding: 0 0 0 21px;
}
.downloadBtn .downPop .imgDown span {
  background: url(../images/new/imgDown_ico.png) no-repeat center left;
}
.downloadBtn .downPop .dataDown .dataDownTxt {
  background: url(../images/new/dataDown_ico.png) no-repeat center left;
}
.downloadBtn .downPop .dataDown .dataDownTxt:hover .c_explan_box {
  display: block;
  transform-origin: 100% 0%;
  -webkit-animation: fadein 0.3s ease-in-out;
  animation: fadein 0.3s ease-in-out;
}
.c_explan_box {
	display: none;
    text-align: left;
    z-index: 9999;
    background: #fff2ab;
    position: absolute;
    border-radius: 5px;
    color: #444;
}
.downloadBtn .downPop .dataDown .dataDownTxt .c_explan_box {
    top: 152px;
    left: -200px;
    right: 8px;
}
#addChart:hover .c_explan_box {
  display: block;
  transform-origin: 100% 0%;
  -webkit-animation: fadein 0.3s ease-in-out;
  animation: fadein 0.3s ease-in-out;
}
#addChart .c_explan_box {
    top: 45px;
    /*left: 420px;*/
    padding: 0 21px;
}
.c_explan_box span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
}
.indcrDiv .c_explan_box{
	display: none;
	top: 36px;
    left: 0px;
    right: -390px;
    padding: 0 21px;
}
.indcrDiv.disableIndcr:hover .c_explan_box{
	display: block;
  	transform-origin: 100% 0%;
  	-webkit-animation: fadein 0.3s ease-in-out;
  	animation: fadein 0.3s ease-in-out;
}

.optFilter {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 52px;
  background: #f7f8f9;
  padding: 8px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-sizing: border-box;
}
.optFilter > strong {
  display: inline-block;
  line-height: 36px;
  float: left;
  color: #161616;
  font-size: 16px;
  font-weight: 400;
  padding: 0 24px 0 0;
}
.optFilter .mobileOpt {
  display: none;
  position: relative;
  width: 165px;
}

.optFilter .currentOpt {
}
.optFilter .currentOpt li {
/*   height: 36px; */
  float: left;
  margin: 0 8px 0 0;
  background: #fff;
  border: 1px solid #dfe3eb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-sizing: border-box;
}
.optFilter .currentOpt li:last-child {
  margin: 0;
}
.optFilter .currentOpt li button {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 34px;
  font-size: 16px;
  font-weight: 500;
  padding: 0 10px;
  box-sizing: border-box;
}

.optFilter .currentOpt li button.on {
    color: var(--mainBlue);
    background: #fff;
    border: 1px solid var(--mainBlue);
    border-radius: 4px;
}

.optFilter .btnSet {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 10px;
}
.btnSet button {
  display: inline-block;
  position: relative;
  line-height: 34px;
  float: left;
  padding: 0 10px 0 33px;
  margin: 0 1px;
  background: #fff;
  border: 1px solid #dfe3eb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.btnSet button::before {
  content: "";
  width: 18px;
  height: 18px;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.btnSet .settingBtn::before {
  background: url(../images/new/settings_ico.png) no-repeat center;
}
.btnSet .resetBtn::before {
  background: url(../images/new/reset_ico.png) no-repeat center;
}

.setOptpop {
  position: absolute;
  width: 254px;
/*   height: 515px;	//chart popup evt 동적 추가를 위함 */
  padding: 15px 12px;
  right: 0;
  top: 60px;
}
.setOptpop > strong {
  display: inline-block;
  width: 100%;
  color: #161616;
  font-size: 18px;
  font-weight: 700;
  padding: 0 0 8px;
  margin: 0 0 6px;
  border: 1px solid #000;
  border-width: 0 0 1px;
}
.setOptpop .optWrap {
  width: 100%;
}
.setOptpop .optWrap ul {
  width: 100%;
  margin-bottom: 0px; /*2023-11-15 송은미 추가, bootstrap 무효화 위해 추가 함*/
}
.setOptpop .optWrap ul li {
  width: 100%;
  padding: 0px 5px;
/*   margin: 0 0 18px; */
  margin: 0 0 10px;
  border: 1px dashed #dfe3eb;
  border-width: 0 0 1px;
  box-sizing: border-box;
}
.setOptpop .optWrap ul li:last-child {
  border-width: 0;
  margin-bottom: 0px;	/*2023-11-15 송은미 추가*/
}
.setOptpop .optWrap ul li span {
  display: inline-block;
  width: 100%;
  color: #777;
  font-size: 13px;
/*   margin: 0 0 14px; */
  margin: 0 0 10px;
}
.eventWrap {
  display: inline-block;
  width: 100%;
}
.setOptpop .optWrap ul li p {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 20px;
  color: #343644;
  font-size: 15px;
  padding: 0 0 0 38px;
  margin: 0 0 15px;
  box-sizing: border-box;
}
.setOptpop .optWrap ul li p::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.setOptpop .optWrap ul li .eventAll {
  padding: 0 0 0 8px;
}
.setOptpop .optWrap ul li .eventAll::before {
  display: none;
}
/*2023-11-21 기존 소스에서 사용한 아이콘으로 변경*/
.setOptpop .optWrap ul li .event01::before {
  /* background: url(../images/new/event03_ico.png) no-repeat center; */
  content: "\e074";
}
.setOptpop .optWrap ul li .event02::before {
  /* background: url(../images/new/event01_ico.png) no-repeat center; */
  content: "\f53a";	
}
.setOptpop .optWrap ul li .event03::before {
  /* background: url(../images/new/event06_ico.png) no-repeat center; */
  content: "\e068";
}
.setOptpop .optWrap ul li .event04::before {
  /* background: url(../images/new/event04_ico.png) no-repeat center; */
  content: "\f79c";	
}
.setOptpop .optWrap ul li .event05::before {
  /* background: url(../images/new/event02_ico.png) no-repeat center; */
  content: "\f159";	
}
.setOptpop .optWrap ul li .event06::before {
  background: url(../images/new/event05_ico.png) no-repeat center;
}

.setOptpop .optWrap ul li p button {
  display: inline-block;
  position: relative;
  width: 34px;
  height: 20px;
  float: right;
  font-size: 0;
  background: #dfe3eb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: 0.3s all;
}
.setOptpop .optWrap ul li p button.on {
  background: var(--mainBlue);
}
.setOptpop .optWrap ul li p button::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  top: 3px;
  left: 3px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.setOptpop .optWrap ul li p button.on::after {
  left: unset;
  right: 3px;
}
.setOptpop .optWrap ul li .rangeWrap {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.setOptpop .optWrap ul li .rangeWrap b {
  display: inline-block;
  width: 20px;
  height: 16px;
  line-height: 16px;
  font-size: 24px;
  float: left;
  text-align: center;
}
.setOptpop .optWrap ul li .rangeWrap + .rangeValue {
  height: auto;
  font-size: 13px;
  text-align: center;
  padding: 0;
  margin: 0 0 10px;
}
.setOptpop .optWrap ul li input[type="range"] {
  width: calc(100% - 40px);
  float: left;
  -webkit-appearance: none;
  appearance: none;
  margin: 5px 0 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.setOptpop .optWrap ul li input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 20px;
  width: 20px;
  margin: -6px 0 0;
  background: #dfe3eb;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.setOptpop .optWrap ul li input[type="range"]::-webkit-slider-runnable-track {
  height: 6px;
}
.mobileChartTop {
  display: none;
}
.highchartBox {
  display: inline-block;
  width: 100%;
  height: 515px; /* 2023-12-04  525px > 515px 변경 */
}

.chartBottom {
  position: relative;
  width: 100%;
  padding: 5px 0 0;  /* 14px 0 0; */
  border: 1px solid #f1f3f8;
  border-width: 1px 0 0;
}
.chartBottom .etcFeedback {
  width: 100%;
  margin: 2px 0 2px;
}
.chartBottom > span {
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 0;
}

/*highchart 내부 이벤트팝업*/
.highcharts-container .chart-event-pop .idx {
  display: none !important;
}
.highcharts-container .chart-event-pop .fas + span {
  display: none;
/*   display: inline-block; */
  width: 150px; 	/* width: 168px; 2024-02-01 맨 끝 이벤트에 가로길이 맞춤*/ 
  color: #1549b5 !important;
  font-size: 13px;
  font-weight: 500;
  padding: 10px;
  background: #fff;
  border: 2px solid var(--mainBlue);
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
  box-shadow: 4px 6px 20px 0 rgba(0, 0, 0, 0.18);
  box-sizing: border-box;
  z-index: 2;
  white-space: initial; /*2023-11-22 이벤트 팝업 수정*/
 top: unset !important;
 bottom: 28px; 
}
.highcharts-container .chart-event-pop .fas + span b {
  display: inline-block;
  color: #404040 !important;
  font-size: 13px;
  font-weight: 400;
  margin: 0 0 4px;
}

.highcharts-container .chart-event-pop .fas + span strong {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  margin: 20px 0 10px;
}
.highcharts-container .chart-event-pop .miniWrap {
  display: inline-block;
  width: 100%;
/*   height: 151px; */
  /* overflow-y: scroll; */
 /*  margin: 0 0 -10px; */
}
.highcharts-container .chart-event-pop .miniWrap::-webkit-scrollbar {
  display: none;
}
.highcharts-container .chart-event-pop .miniWrap ul {
  display: inline-block;
  width: 100%;
}
.highcharts-container .chart-event-pop .miniWrap ul li {
  background: #f7f8f9;
  padding: 8px 10px;
  margin: 0 0 6px;
  border-radius: 10px;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: block;
}
.highcharts-container .chart-event-pop .miniWrap ul li div {
  display: -webkit-box;
  width: 100%;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.highcharts-container .chart-event-pop .miniWrap ul li:last-child {
  margin: 0;
}
.highcharts-container .chart-event-pop .miniWrap ul li span {
  display: inline-block;
  position: relative;
  width: 100%;
  color: #878787;
  font-size: 13px;
  padding: 0 0 0 7px;
  margin: 0 0 4px;
  box-sizing: border-box;
}
.highcharts-container .chart-event-pop .miniWrap ul li span::before {
  content: "";
  width: 2px;
  height: 2px;
  background: #878787;
  top: 7px;
  left: 0;
}

/* bigmain page s---- 20230922 유지혜*/
.red{color: #E11D1D;}
.blue{color: #326AF3;}
.gray{color: #999;}
.mainBg{background: linear-gradient(180deg, #e7edfe 0%, #fff 80%);}

.inner{
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
}

.wrap .inner .mainTitle{
  padding: 150px 0;
}

.wrap .inner .mainTitle p, .mainTitle p span{
  line-height: 190%;
  font-weight: 500;
  font-size: 24px;
}

.wrap .inner .mainTitle p.title, p.title span{
  font-size: 38px;
  font-weight: normal;
  font-family: "yg-jalnan";
  letter-spacing: -1px;
}

.wrap .inner .mainTitle p.title_02, p.title_02 span{
 color: #343644;
}

.wrap .inner .mainTitle p span{
display: inline-block;
}

.wrap .inner .mainImage{
  width: 441px;
  height: 409px;
  background: url(../images/new/main_image.png) no-repeat center;
  position: absolute;
  top: 50px;
  right: 0;
}

.wrap .inner .content{
  background: #fff;
  border: 4px solid #1549B5;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
  padding: 24px 0 20px;
  position: relative;
  z-index: 1;
}

.wrap .inner .content > ul{
 display: flex;
 justify-content: space-around;
 /*justify-content: flex-start;*/
 align-content: flex-start;
 margin: 0 38px;
}


.wrap .inner .content > ul > li{
  width: calc(50% - 24px);
  position: relative;
}

.wrap .inner .content > ul > li:nth-child(1){
    margin-right: 24px;
   /*  border-right: 1px solid #dfe3eb; */
}

/*
.wrap .inner .content > ul > li:nth-child(2){
  padding-left: 24px;
  border-left: 1px solid #dfe3eb;
}
*/

.left-line{
  border-left: 1px solid #dfe3eb;
}

.pl{
	padding-left: 24px;
}

/* main slide */

.content .slideBox .titleBox{
  display: block;
}

.chartWrap{
  position: relative;
}


.chartWrap .tag{
  padding: 2px 0;
  border-radius: 4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border: 1px solid #1549B5;
  color: #1549B5;
  font-size: 18px;
  font-weight: 500;
  margin-right: 5px;
  width: 46px;
  text-align: center;
  position: absolute;
  top: 0;
  background: #fff;
  z-index: 99;
}

.chartWrap .controlBox{
  display: flex;
  align-items: center;
  justify-items: baseline;
  position: absolute;
  top: 0;
  background: #fff;
  z-index: 99;
  right: 0;
}


.chartWrap .slideBox{
  overflow: hidden;

}

.chartWrap .chartBox .textBox{
  margin-bottom: 10px;
  border-bottom: 3px dotted #dfe3eb;
  border-top: 1px solid #616161;
  margin-top: 14px;
}

.chartWrap .chartBox .textBox ul {
  width: 100%;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
 
}

.chartWrap .chartBox .textBox ul li {
  width: calc(100%/3);
  margin: 12px 0;
  text-align: center;
  border-right: 1px solid #F1F3F8;
  box-sizing: border-box;
}

.chartWrap .chartBox .textBox ul li:last-child {
  border-right: 0;
}

.chartWrap .chartBox .textBox ul li span{
  display: block;
  font-size: 15px;
}

.chartWrap .chartBox .textBox ul li span.chartTxt{
  font-size: 20px;
  font-weight: 700;
  margin-top: 4px;
}

.chartWrap .chartBox .textBox ul li span.beforeWeekColor{
  color: #00B0F0;
}

.chartWrap .chartBox .textBox ul li span.beforeYearColor{
  color: #F7941D;
}

.chartWrap .chartBox .textBox ul li span.red::before, .tooltipPoint td.red::before{
  content: "";
  width: 18px;
  height: 18px;
  background-color: #1549b5;
  position: relative;
  top: 2px;
  left: -4px;
  background: url(../images/new/icon_group.png) -230px -90px no-repeat;
}

.chartWrap .chartBox .textBox ul li span.blue::before, .tooltipPoint td.blue::before{
  content: "";
  width: 18px;
  height: 18px;
  background-color: #1549b5;
  position: relative;
  top: 2px;
  left: -4px;
  background: url(../images/new/icon_group.png) -254px -90px no-repeat;
}

.chartWrap .chartBox .chartArea .chart{
  margin-bottom: 15px;
  height: 242px; 
  text-align: center;
  align-items: center;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chartWrap .chartBox .chartArea .chartLegend{
  width: 144px;
  padding: 8px 12px;
  border-radius: 10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border: 1px solid #DFE3EB;
  margin: 0 auto;
  display: flex;
  align-content: flex-start;
  justify-content: space-between;
  margin-bottom: 15px;
}

.chartWrap .chartBox .chartArea .chartLegend span{
 font-size: 13px;
}

.chartWrap .chartBox .chartArea .chartLegend .left::before{
  content: "";
  width: 13px;
  height: 13px;
  background-color: #00B0F0;
  position: relative;
  top: 2px;
  left: -4px;
  border-radius: 4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
}


.chartWrap .chartBox .chartArea .chartLegend .right::before{
  content: "";
  width: 13px;
  height: 13px;
  background-color: #F7941D;
  position: relative;
  top: 2px;
  left: -4px;
  border-radius: 4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
}

/* swiper 요소 변경*/

.swiper-slide-active{
  margin-right: 0; 
  flex-basis: 100%;
}

.linkSwiper{
  flex: 1 1 384px;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.swiper .swiper-wrapper .swiper-slide a{
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin-left: 58px;
}

.swiperPagingBox{
  width: 55px;
  height: 20px;
  text-align: center;
  
}

.swiper-wrapper {
  align-items: center;
}
.swiperPagingBox > div {
  color:rgba(22, 22, 22, 0.4);
  top:0px

}

.swiperPagingBox .swiper-pagination01 span, .swiperPagingBox .swiper-pagination02 span{
  font-size: 17px;
  font-family: "Noto sans KR";;
  color:rgba(22, 22, 22, 0.4);
}

.swiperPagingBox .swiper-pagination01 span.swiper-pagination-current,.swiperPagingBox .swiper-pagination02 span.swiper-pagination-current{
  color:#161616
}

.swiperBtnBox{
  position: relative;
  border: 1px solid #dfe3eb;
  background: #f1f3f8;
  border-radius: 10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  cursor: pointer;
  width: 60px;
}

.swiperBtnBox .swiperBtn{
  width: 28px;
  height: 28px;
  float: left;
}

.swiperBtnBox .next{
  background: url(../images/new/icon_group.png) -266px -58px no-repeat;

}
.swiperBtnBox .prev{
  background: url(../images/new/icon_group.png) -238px -58px no-repeat;

}
.swiperBtnBox .Pause, .swiperBtnBox .Pause02{
  background: url(../images/new/icon_group.png) -298px -58px no-repeat;

}
.swiperBtnBox .Pause.on, .swiperBtnBox .Pause02.on{
  background: url(../images/new/icon_stop.png) center center no-repeat;
}


/* footer */

footer{
  background-color: #fff;
  position: relative;
  z-index: 99;
  border-top: 1px solid #DFE3EB;
}

footer .inner{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 0.9rem 20px;
}

.fooerLogo {
  display: block;
  width: 209px;
  height: 51px;
  margin-right: 40px;
}


.fooerLogo a {
  display: inline-block;
  width: 100%;
  height: 100%;
  float: left;
  font-size: 0;
  background: url(../images/new/20251001_logo_footer.png) no-repeat center;
  background-size: contain;
}

footer .inner .footerInfo .location{
  font-size: 15px;
  line-height: 150%;
  color: #343644;
  margin-bottom: 20px;
}

footer .inner .footerInfo .copyright{
  color: #999;
}

footer .inner .snsBox{
  margin-left: auto;

}

footer .inner .snsBox li {
  width: 40px;
  height: 40px;    
  border-radius: 10px;
  background: url() no-repeat #DFE3EB center center;
  text-indent: -99999px
}

footer .inner .snsBox li a {
  display: block;
  height: 100%;
}

footer .inner .snsBox li.youtube a {
  background: url(../images/new/icon_group.png) 0px -90px no-repeat;
}

footer .inner .snsBox li.facebook a {
  background: url(../images/new/icon_group.png) -46px -90px no-repeat;
}

footer .inner .snsBox li.twitter a {
  background: url(../images/new/icon_group.png) -90px -90px no-repeat;
}

footer .inner .snsBox li.instagram a {
  background: url(../images/new/icon_group.png) -137px -90px no-repeat;
  
}

footer .inner .snsBox li.naver a {
  background: url(../images/new/icon_group.png) -184px -90px no-repeat;
}
/* bigmain page e*/

/* main_moth page s ----- 유지혜 2023-10-05*/
.mainMoth .indicatorsTab .indicators > ul > li:not(:last-child){
  margin-bottom: 16px;
}

/* bigDataBrdMgr page s 20231004 선하영 */
.noticeBg{
  background-color:#fff;
}
.wrapNotice {
  max-width: 1690px;
  margin: 0 auto;
  display: flex;
  min-height: calc(100vh - 80px);
}
.wrapNotice .leftCon {
  padding: 40px 0;
  margin-right: 68px;
}
.wrapNotice .leftCon .lnbWrap{}
.wrapNotice .leftCon .lnbWrap .lnbTit{
  width: 260px;
  height: 140px;
  border-radius: 20px;
  box-shadow: 0px 2px 12px 4px rgba(21, 73, 181, 0.05);
  position: relative;
  background: var(--mainBlue) url(../images/lnbTitLogo.png) center center no-repeat;
  background-position: 110%  120%;
  margin-bottom:20px;
}
.wrapNotice .leftCon .lnbWrap .lnbTit h3{
  font-size: 26px;
  font-weight: 700;
  color:#FFF;
  position: absolute;
  left:14px;
  bottom: 24px;
}
.wrapNotice .leftCon .lnbWrap .lnbBox{
  width: 260px;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 8px;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item {
  background-color: #F7F8F9;
  border-radius: 8px;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item .dep1{
  padding: 15px 14px; 
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  display:flex;
  justify-content: space-between;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item .dep1 a{
  font-size: 18px;
  font-weight: 700;
  color:#777;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item .dep1 i{
  width:20px;
  height:20px;
  background: url(../images/icon-chevron-down.svg) center center no-repeat;
  background-size: 20px;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item.on .dep1{
  border: 1px solid var(--mainBlue);
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item.on .dep1 a{
  color:var(--mainBlue);
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item.on .dep1 i{
  background: url(../images/icon-chevron-up.png) center center no-repeat;
  background-size: 20px;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item .dep2{
  padding:10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width:100%;
  box-sizing: border-box;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item .dep2 li{
  padding: 8px;
  border-bottom: 1px dashed #DFE3EB;
  width:100%;
  box-sizing: border-box;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item .dep2 li a{
  font-size: 16px;
  color:#616161;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item .dep2 li.last{
  border-bottom: none;
}
.wrapNotice .leftCon .lnbWrap .lnbBox .lnb .item.on .dep2 li.active a{
  color:var(--mainBlue);
}

.wrapNotice .rightCon {
 width:100%;
 padding: 40px 0;
}
.wrapNotice .rightCon .conHead {
  width:100%;
  height:140px;
}
/* .wrapNotice .rightCon .conHead .breadcrumb{
  float: 100%;
} */
.wrapNotice .rightCon .conHead .breadcrumb > *{
  float: right;
  line-height: 18px;
  
}
.wrapNotice .rightCon .conHead .breadcrumb .navi{}
.wrapNotice .rightCon .conHead .breadcrumb .navi .home{
  width:18px;
  height: 18px;
  background: url(../images/icon-mingcute_home-6-line.png) center center no-repeat;
  margin-right: 15px;
  padding-right:0;
}
.wrapNotice .rightCon .conHead .breadcrumb .navi .home::after {
  content:none;
}
.wrapNotice .rightCon .conHead .breadcrumb .navi li{
  font-size:15px;
  vertical-align: middle;
  padding-right: 19px;
  margin-right: 5px;
  background: url(../images/icon-chevron-right.png) 100% 50% no-repeat;
  background-size:14px;
}
.wrapNotice .rightCon .conHead .breadcrumb .navi li a{
  color:#616161;
}
.wrapNotice .rightCon .conHead .breadcrumb .navi .current{
  padding-right:0;
  text-decoration: underline;
  background:none;
}
.wrapNotice .rightCon .conHead .breadcrumb .navi .current a{
  color:#161616;
}
.wrapNotice .rightCon .conHead .breadcrumb .navi .current::after {
  content:none;
}
.wrapNotice .rightCon .conHead {
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}
.wrapNotice .rightCon .conHead .boardInfo {
  display:flex;
  justify-content:space-between; 
  align-items: flex-end;
}
.wrapNotice .rightCon .conHead .boardInfo .titBox.flexend { 
  display: flex;align-items: end;
}
.wrapNotice .rightCon .conHead .boardInfo .titBox .titS{
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 500
}
.wrapNotice .rightCon .conHead .boardInfo .titBox .titL{
  font-size: 30px;
  font-weight: 700
}

.dropDown {
 position:relative;
}
.dropDown .dropdownTit{
 width:165px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.dropDown .dropdownTit span{
  font-size:30px;
  font-weight: 700;
}
.dropDown .dropdownTit i{
 width:20px;
 height:20px;
 background: url(../images/icon-dropdown-arrow-down.svg)center center no-repeat;
}
.dropDown.on .dropdownTit i{
 background-image: url(../images/icon-dropdown-arrow-up.svg);
}
.dropDown .dropScroll {
  display: none;
  width:inherit;
  background:#fff;
  border:1px solid #999;
  border-radius: 6px;
  position: absolute;
  top: 130%;
  left:0;
  overflow-y: auto;
  max-height: 24vh;
  box-shadow: 0px 2px 12px 4px rgba(21, 73, 181, 0.05);
}

::-webkit-scrollbar {
  width:4px;
} 
::-webkit-scrollbar-thumb {
  background: #dfe3db;
  border-radius: 10px;
}
::-webkit-scrollbar-track {
  background-color:transparent;
}
::-webkit-scrollbar-button {
  width:0; height:10px;
}
.dropScroll button{
  width:100%;
  padding: 8px 12px;
  color:#616161;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropDown .dropScroll button{
}
.dropDown .dropScroll button.active{
  color:var(--mainBlue);
}
.dropDown .dropScroll button:hover{
  color:var(--mainBlue);
}

.wrapNotice .rightCon .conHead .boardInfo .srhFome {
  align-items: center;
  display: flex;
}
.wrapNotice .rightCon .conHead .boardInfo .srhFome select {
  width: 145px;
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid #DFE3EB;
  background: url(../images/icon-chevron-down.svg) no-repeat right 14px center;
  background-size:18px;
  font-size: 16px;
  font-weight: 500;
  appearance: none;
  margin-right:10px;
}
.wrapNotice .rightCon .conHead .boardInfo .srhFome input {
  width:272px;
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid #DFE3EB;
  margin-right:10px;
  background-size:24px;
  font-size: 16px;
}
.wrapNotice .rightCon .conHead .boardInfo .srhFome input::placeholder {
  color: #BCBCBC;
}
.wrapNotice .rightCon .conHead .boardInfo .srhFome .srhBtn {
  width:42px;
  height:42px;
  background: var(--mainBlue) url(../images/icon-search.svg)center center no-repeat;
  border-radius: 6px;
}
.wrapNotice .rightCon .conBody{
  margin-top: 20px;
}
.wrapNotice .rightCon .conBody .boardWrap{}
.wrapNotice .rightCon .conBody .boardWrap .boardTable{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable .num{width:80px;}
.wrapNotice .rightCon .conBody .boardWrap .boardTable .division{width:14%;}
.wrapNotice .rightCon .conBody .boardWrap .boardTable .subject{width:auto;}
.wrapNotice .rightCon .conBody .boardWrap .boardTable .file{width:10%;}
.wrapNotice .rightCon .conBody .boardWrap .boardTable .counter{width:10%;}
.wrapNotice .rightCon .conBody .boardWrap .boardTable .date{width:14%;}
.wrapNotice .rightCon .conBody .boardWrap .boardTable thead{}
.wrapNotice .rightCon .conBody .boardWrap .boardTable thead tr{
  border-top: 1px solid #161616;
  border-bottom: 1px solid #161616;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable thead tr th{
  padding: 10px 8px;
  font-size: 16px;
  font-weight: 600;
  background:url(../images/board-line.svg) 100% 50% no-repeat;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable thead tr th:last-child{
  background:none;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable tbody{
  display: table-row-group;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable tbody tr{
  border-bottom: 1px solid #DFE3EB;
  display: table-row;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable tbody tr td{
  padding: 10px 8px;
  text-align:center;
  font-size:15px;
  color:#343644;
  font-weight: 400;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable tbody tr td a{
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable tbody.left2 tr td:nth-child(2),
.wrapNotice .rightCon .conBody .boardWrap .boardTable tbody.left3 tr td:nth-child(3){
 text-align: left;
}
.wrapNotice .rightCon .conBody .boardWrap .boardTable tbody tr:hover{
 background-color: #F7F8F9;
}
.wrapNotice .rightCon .conBody .boardWrap .totalCounter {
  font-size: 15px;
  margin-top: 20px;
}
.wrapNotice .rightCon .conBody .boardWrap .totalCounter strong{
  color:var(--mainBlue);
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage{
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage .pagination{
  display:flex;
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage .pagination a{
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #DFE3EB;
  background: #FFF;
  margin-right:4px;
  font-size: 15px;
  font-weight: 600;
  color: #777;
  text-align: center;
  line-height: 30px;
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage .pagination a.on{
  background-color: var(--mainBlue);
  color:#fff;
  border:  1px solid var(--mainBlue);
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage .pagination .pageNum{
  display:flex;
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage .pagination .pageLeft{
  background:url(../images/icon-page-left.svg) center center no-repeat;
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage .pagination .left{
  background:url(../images/icon-left.svg) center center no-repeat;
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage .pagination .right{
  background:url(../images/icon-right.svg) center center no-repeat;
}
.wrapNotice .rightCon .conBody .boardWrap .boardPage .pagination .pageRight{
  background:url(../images/icon-page-right.svg) center center no-repeat;
}

/* bigDataBrdMgr page e */


/* bigDataBrdMgrDetail page s 20231005 선하영*/
.wrapNotice .rightCon .conBody .boardVeiw{
 width: 100%
}
.wrapNotice .rightCon .conBody .boardVeiw ul{
  width: 100%;
  border-top: 1px solid #161616;
  border-bottom: 1px solid #161616;
}
.wrapNotice .rightCon .conBody .boardVeiw ul li{
  padding:10px 0;
  float: left;
  border-bottom: 1px solid #DFE3EB;
  vertical-align: middle;
  line-height: 20px;
  position: relative;
}
.wrapNotice .rightCon .conBody .boardVeiw ul li:last-child{
  border-bottom:none;
}
.wrapNotice .rightCon .conBody .boardVeiw ul li span{
  display:block;
}
.wrapNotice .rightCon .conBody .boardVeiw ul .sbj{
  width:116px;
  padding:0px 8px;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  left: 0;
}
.wrapNotice .rightCon .conBody .boardVeiw ul .txt{
  width:auto;
  padding:0px 18px; 
  font-size: 16px;
  font-weight: 400;
  border-left: 1px solid #DFE3EB;
  height:auto;
  margin-left: 132px;
}
.wrapNotice .rightCon .conBody .boardVeiw ul li.title {
  width: 100%
}
.wrapNotice .rightCon .conBody .boardVeiw ul li.date {
  width: 50%
}
.wrapNotice .rightCon .conBody .boardVeiw ul li.counter {
  width: 50%
}
.wrapNotice .rightCon .conBody .boardVeiw ul li.file {
  width: 100%
}
.wrapNotice .rightCon .conBody .boardVeiw ul li.file .txt span{
  box-sizing: border-box;
  display: block;
}
.wrapNotice .rightCon .conBody .boardVeiw ul li.file .txt a i{
  display: inline-block;
  width:16px;
  height:16px;
  background: url(../images/icon-clip-black.svg)center center no-repeat;
  background-size: 16px;
  margin-right: 2px;
  line-height: inherit;
  vertical-align: middle;
}
.wrapNotice .rightCon .conBody .boardVeiw ul li.file .txt a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    font-size: 16px;
}

.wrapNotice .rightCon .conBody .boardVeiw ul li.file .txt a:hover{
  color:var(--mainBlue);
  text-decoration: underline;
  cursor: pointer;
}
.wrapNotice .rightCon .conBody .boardVeiw ul li.file .txt a:hover i{
  background: url(../images/icon-clip.svg)center center no-repeat;
  background-size: 16px;
}
.wrapNotice .rightCon .conBody .boardVeiw .boardTxt{
  width:100%;
  box-sizing: border-box;
  padding :20px 15px 50px 15px;
  border-bottom: 1px solid #DFE3EB;
}
.wrapNotice .rightCon .conBody .boardVeiw .boardTxt p{
  font-size: 16px;
  color: #404040;
  word-break: keep-all;
}
.wrapNotice .rightCon .conBody .boardBtnWrap {
  width:100%;
  margin-top:30px;
  display:flex;
  justify-content: right;
}
.wrapNotice .rightCon .conBody .boardBtnWrap .boardBtn{
  width:150px;
  padding:14px;
  background-color:var(--mainBlue);
  border-radius: 4px;
}
.wrapNotice .rightCon .conBody .boardBtnWrap .boardBtn a{
  color:#fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
/* bigDataBrdMgrDetail page e */

.chooseMap_1 {
    stroke-width: 3 !important;
    stroke: #00b0f0;
    stroke: var(--mainPoint01) !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
}

.chooseMap_2 {
    stroke-width: 3 !important;
    stroke: #1f8f8d;
    stroke: var(--mainPoint02) !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
}

.chooseMap_3 {
    stroke-width: 3 !important;
    stroke: #e54060;
    stroke: var(--mainPoint03) !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
}

.contentLeft h4 {
	font-family: "Noto sans KR";;
    color: #161616;
    letter-spacing: -0.5px;
    font-size: 18px;
  	font-weight: 700;
}

.justify-content-center {
	display: flex;
    justify-content: center !important;
}

/*2023-11-21 이벤트 아이콘 색 변경*/
.highcharts-container .chart-event-pop:hover {
	color: var(--color1);
}

/*2024-02-05 튜토리얼 팝업*/
  .popupClose{background: center center no-repeat;background-image: url(../images/new/icon_01.svg);background-size: contain;width: 26px;height: 26px;position: absolute;top: 20px;right: 20px;z-index: 9;cursor: pointer;}
   .PopupWrap{display: none;    position: fixed; top: 0;left: 0;z-index: 99999;width: 100%;height: 100vh;} 

    .swiper.TutorialPopup {
      max-width:90%;
      max-height: 94vh;
      top:50%;
      transform: translateY(-50%);
      overflow-y: scroll !important;
      -ms-overflow-style:none;
    }
    

    .swiper.TutorialPopup .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #eee;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper.TutorialPopup .swiper-slide img {
      display: block;
      width: 100%;
      /* height: 100%; */
      object-fit: cover;
    }
    .swiper.TutorialPopup .swiper-slide > *{
    	user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
    }
    p.slideTxt{
      position: absolute;    
      background: #fff;
      padding: 16px;
      border-radius: 6px;
      border: 2px solid #007aff;
    }

    .slideTxt span{display: block; text-align: left;}
    .slideTxt .title{ 
      font-size: 1.2vw; 
      color:#000;
      font-weight: bold;
      border-bottom: 2px dotted #c9c9c9;
      padding-bottom: 10px;
      display: flex;
      align-items: center;
    }
    
    .title span.bold {
      display: inline-block;
      font-size: 1vw;
      padding: 4px 8px;
      background: #007aff;
      color: #fff;
      font-weight: normal;
      border-radius: 50px;
      margin-right: 5px;
      line-height: 1.2;
    }

    .slideTxt .content{ font-size: 1vw; margin-top: 8px;}
    .slideTxt .content b{ font-size: 0.8vw; font-weight:normal; display: block;}    

	.pcstep1{top: 8%; left: 30%;}
    .pcstep2{top: 16%;left: 32%;}
    .pcstep3{left: 31%; top: 18%;}
    .pcstep4{top: 39%;left: 32%;}
    .pcstep5{left: 3%; top: 3%; width: 23%;}
    .pcstep6{width: 35%; top: 55%;left: 15%;}
    .pcstep7{width: 35%; top: 5%;left: 47%;}
    .pcstep8{top: 18%; left: 32%;}
    .pcstep9{top: 5%;left: 35%;}
	
	/* 지역별 비교시 하단 항목선택 부분 줄어드는 현상 방지 */
    .checkSys{display: block;}