/*
+----------------------------------------------------------------------+
| Copyright (c) daumsoft.  co. Ltd
+----------------------------------------------------------------------+
| page Style CSS
+----------------------------------------------------------------------+
*/
@charset "utf-8";



/*==================================================================
// 최신이슈
// 모니터링
//=================================================================*/
.mornitoring{}


/* mornitoringWrap top Seach Area */
.mornitoringWrap .srch .selectricWrapper {position: relative;margin: 0;cursor: pointer;margin: 0 10px 0 0;float: left;width: 202px;}
.mornitoringWrap .srch .selectricResponsive { width: 100%;}
.mornitoringWrap .srch .selectric {border: 1px solid #8f8880;background: #fff;position: relative;border-radius: 100px;}
.mornitoringWrap .srch .selectric .label {display: block;white-space: nowrap;overflow: hidden;margin: 0 30px 0 0;font-size: 12px;line-height: 10px;color: #333;min-height: 18px;padding: 6px 6px 6px 12px;}
.mornitoringWrap .srch .selectric .button {display: block;position: absolute;right: 0;top: 0;width: 24px;height: 24px;color: #1d8ca8;text-align: center;font: 0/0 Arial, sans-serif;/* font: 20px/30px Lucida Sans Unicode,Arial Unicode MS,Arial, sans-serif; */}
.mornitoringWrap .srch .selectric .button:after { content: " ";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 0;height: 0;border: 4px solid transparent;border-top-color: #1d8ca8;border-bottom: none;}
.mornitoringWrap .srch .selectricHover .selectric {border-color: #fff;}
.mornitoringWrap .srch .selectricHover .selectric .button { color: #000;}
.mornitoringWrap .srch .selectricHover .selectric .button:after { border-top-color: #000;}
.mornitoringWrap .srch .selectricOpen { z-index: 9999;}
.mornitoringWrap .srch .selectricOpen .selectric { border-color: #CCC;background: #fff;z-index: 9999;}
.mornitoringWrap .srch .selectricOpen .selectricItems { display: block;}
.mornitoringWrap .srch .selectricDisabled { filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-touch-callout: none;user-select: none;}
.mornitoringWrap .srch .selectricHideSelect { position: relative;overflow: hidden;width: 0;height: 0;}
.mornitoringWrap .srch .selectricHideSelect select { position: absolute;left: -100%;display: none;}
.mornitoringWrap .srch .selectricInput { position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important;}
.mornitoringWrap .srch .selectricTempShow { position: absolute !important;visibility: hidden !important;display: block !important;}
.mornitoringWrap .srch .selectricItems { display: none;position: absolute;overflow: auto;top: 100%;left: 0;background: #F9F9F9;border: 1px solid #CCC;z-index: 9998;box-shadow: 0 0 10px -6px;}
.mornitoringWrap .srch .selectricItems ul,.selectricItems li {list-style: none;padding: 0;margin: 0;font-size: 12px;line-height: 23px;min-height: 20px;}
.mornitoringWrap .srch .selectricItems li { display: block;padding: 5px;color: #555;cursor: pointer;}
.mornitoringWrap .srch .selectricItems li.selected { background: #1d8ca8;color: #fff;}
.mornitoringWrap .srch .selectricItems li:hover { background: #1d8ca8;color: #fff;}
.mornitoringWrap .srch .selectricItems li.disabled { background: #F5F5F5;color: #BBB;border-top-color: #FAFAFA;cursor: default;}




/* top CardArea */
.mornitoringWrap .mornitoringCard{display: table;background-color: #fff;border-radius: 10px;padding: 10px;float: left;    border: 1px solid #efefef;
    box-shadow: 0 3px 6px rgb(243 243 243 / 16%), 0 3px 6px rgb(213 213 213 / 23%); text-align: center;}
.mornitoringWrap .mornitoringCard.viewCard{}
.mornitoringWrap .mornitoringCard.typeCard{margin-left: 10px; position: relative;}
.mornitoringWrap .mornitoringCard.typeCard:after{content:'';position: absolute;top: 1px;bottom: 0;right: -13px;width: 2px;height: 73px;background: url('../images/dotLine.png') no-repeat 0 0;}
.mornitoringWrap .mornitoringCard.allCard{float: right; width: 772px;}
.mornitoringWrap .sectionBox.ty3 .mornitoringCard.allCard{float: right; width: 812px;}

.mornitoringWrap .mornitoringCard .cardType{display: inline-block;width: 85px;/* height: 55px; *//* line-height: 55px; */border-radius: 10px;font-weight: bold;vertical-align: middle;display: table-cell;}
.mornitoringWrap .mornitoringCard.viewCard .cardType{background-color: #26a1bf5c;color: #0082a2;}
.mornitoringWrap .mornitoringCard.viewCard .cardType em{width: 64%;display:inline-block;}
.mornitoringWrap .mornitoringCard.typeCard .cardType{background-color:#e9d9e8; color:#814374}
.mornitoringWrap .mornitoringCard.allCard .cardType{background-color: #00abb163;color: #00999e;}
.mornitoringWrap .mornitoringCard.allCard .cardType.disabled{cursor:pointer;}
.mornitoringWrap .mornitoringCard.allCard .cardType.disabled a{cursor:pointer;}

.mornitoringWrap .mornitoringCard .cardIconArea{display: inline-block; clear:both; }
.mornitoringWrap .mornitoringCard .cardIconArea .seachIcon{display: block;width: 37px;height: 33px;background-repeat: no-repeat; background-image: url('../images/icon_mornitoring.png');margin: 0 auto;}
.mornitoringWrap .mornitoringCard .cardIconArea h5{color:#C4C4C4;margin-top: 3px;}
.mornitoringWrap .mornitoringCard .cardIconArea .iconArea{display: block;float: left;padding-top: 2px;width: 70px;position: relative;}

.mornitoringWrap .mornitoringCard .cardIconArea .iconArea:first-child:before,
.mornitoringWrap .mornitoringCard .cardIconArea .iconArea:nth-child(2):before
{content:'';position: absolute;top: 4px;bottom: 0;right: 0px;width: 1px;background-color:#D3D3D3;}

.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .keywordIcon{background-position: -53px 0;} 
.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .on .keywordIcon{background-position: 0 0;} 
.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .on h5{color:#199aba}

.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .groupIcon{background-position: -160px 0;} 
.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .on .groupIcon{background-position: -107px 0;}

.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .committeeIcon{background-position: -264px 0;} 
.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .on .committeeIcon{background-position: -212px 0;} 
.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .on h5{color:#199aba}

.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .lawIcon{background-position: right 0;}
.mornitoringWrap .mornitoringCard.viewCard .cardIconArea .on .lawIcon{background-position: -313px 0;}

.keywoardArea > div{margin-bottom: 10px;}


/*  */
.mornitoringWrap .slideshow-container {position: relative;width: 590px;display: inline-block;overflow: hidden;padding: 0 30px;}
.mornitoringWrap .cmtCommitteeSlide {text-align: center;clear: both;width: 600px;position: relative;padding: 0px 0px;overflow: hidden;display: inline-block;height: 50px;margin-top: 2px;}
.mornitoringWrap .cmtCommitteeSlide .slick-list{height: 54px;overflow: hidden;}
.mornitoringWrap .cmtCommitteeSlide .slick-track{height: inherit;vertical-align: middle;}
.mornitoringWrap .cmtCommitteeSlide li{float: left;color:#000;font-size: 16px;word-break: keep-all;height: inherit;display: table;}
.mornitoringWrap .cmtCommitteeSlide li a{word-break: keep-all;vertical-align: text-bottom;display: table-cell;vertical-align: middle;padding:0 20px;}
.mornitoringWrap .cmtCommitteeSlide li.on a{color:#894E7E;font-weight: bold;} /*  */

/* Next & previous buttons */
#cmtList .slick-arrow {cursor:pointer;display: inline-block;width: 20px;height: 20px;border: 1px solid #AAAAAA;border-radius: 42%;position: absolute;top: 19px;font-size: 0;text-indent: -9999px;background-image:url('../images/icon_arrow.png');background-repeat: no-repeat;background-color:#fff;z-index:1;}
#cmtList .slick-arrow.slick-prev{left: 0px;background-position: 5px 4px;}
#cmtList .slick-arrow.slick-next {right: 0px;background-position: -17px 3px;}

#cmtList #cmtListDiv {min-height:76px;} /* 모니터링 위원회별 */

/* keywordRankingArea */
.mornitoringWrap .keywordRankingArea,
.peopleUse_Wrap .keywordRankingArea {background-color: #fff;border-radius: 10px;border: 1px solid #efefef;
    box-shadow: 0 3px 6px rgb(243 243 243 / 16%), 0 3px 6px rgb(213 213 213 / 23%);}
.mornitoringWrap .keywordRankingArea ul,
.peopleUse_Wrap .keywordRankingArea ul {margin: 0;padding: 15px 15px 25px;display: table;overflow: hidden;font-size:0;text-align: left;width: 100%;vertical-align: middle;}
.mornitoringWrap .keywordRankingArea li,
.peopleUse_Wrap .keywordRankingArea li {display: inline-block;clear: both;overflow: hidden;cursor:pointer;width: 20%;min-width: 213px;text-align: center;vertical-align: top;line-height: 19px;font-size: 0;margin-bottom: 6px;position: relative;} 

.mornitoringWrap .keywordRankingArea li .keywordCheck,
.peopleUse_Wrap .keywordRankingArea li .keywordCheck {display: block;float: right;margin: 0 5px 0 0;}

.mornitoringWrap .keywordRankingArea li .keyword,
.peopleUse_Wrap .keywordRankingArea li .keyword, {display: inline-block;width: 125px;font-size: 16px;text-align: left;color: #000;font-weight: normal;line-height: 24px;margin-left: -57px;word-break: keep-all;}
.mornitoringWrap .keywordRankingArea li .count,
.peopleUse_Wrap .keywordRankingArea li .count,
.mornitoringWrap .keywordRankingArea li .up,
.peopleUse_Wrap .keywordRankingArea li .up,
.mornitoringWrap .keywordRankingArea li .down,
.peopleUse_Wrap .keywordRankingArea li .down,
.mornitoringWrap .keywordRankingArea li .zero,
.peopleUse_Wrap .keywordRankingArea li .zero,
.mornitoringWrap .keywordRankingArea li .rank,
.peopleUse_Wrap .keywordRankingArea li .rank,
.mornitoringWrap .keywordRankingArea li .new,
.peopleUse_Wrap .keywordRankingArea li .new {font-family: "Century Gothic", Arial, sans-serif;font-size: 12px;width: 16px;display: inline-block;text-align: center;position: relative;}
.mornitoringWrap .keywordRankingArea li .count,
.peopleUse_Wrap .keywordRankingArea li .count {color: #333;position: absolute;padding: 5px 0 0 16px;}
.mornitoringWrap .keywordRankingArea li .up,
.peopleUse_Wrap .keywordRankingArea li .up{color: #ff4001;position: absolute;padding: 5px 0 0 0;}
.mornitoringWrap .keywordRankingArea li .down,
.peopleUse_Wrap .keywordRankingArea li .down{color: #59a7d0;margin: 1px 0 0 0;position: absolute;padding: 4px 0 0 0;}
.mornitoringWrap .keywordRankingArea li .zero,
.peopleUse_Wrap .keywordRankingArea li .zero{padding: 5px 0 0 0;position: absolute;}
.mornitoringWrap .keywordRankingArea li .new,
.peopleUse_Wrap .keywordRankingArea li .new{color: #F45D5D;top: 4px;right: 20px;position: absolute;}
.mornitoringWrap .keywordRankingArea li .rank,
.peopleUse_Wrap .keywordRankingArea li .rank {float:left;font-size: 17px;width: 26px;height: 26px;line-height: 25px;background-color: #fff;border-radius: 50px;display: inline-block;color: #3576ab;border: 0;background: transparent;margin: 0 5px 0 0;font-family: 'century Gothic';}

.mornitoringWrap .keywordRankingArea li.selected .rank,
.peopleUse_Wrap .keywordRankingArea li.selected .rank,
.mornitoringWrap .keywordRankingArea li.selected .keyword,
.peopleUse_Wrap .keywordRankingArea li.selected .keyword,
.mornitoringWrap .keywordRankingArea li.selected .count,
.peopleUse_Wrap .keywordRankingArea li.selected .count,
.mornitoringWrap .keywordRankingArea li.selected .up,
.peopleUse_Wrap .keywordRankingArea li.selected .up,
.mornitoringWrap .keywordRankingArea li.selected .down,
.peopleUse_Wrap .keywordRankingArea li.selected .down,
.mornitoringWrap .keywordRankingArea li.selected .new,
.peopleUse_Wrap .keywordRankingArea li.selected .new
{/*font-weight: bold;*/ color:#fff;}




#viewTab_con #keywordRankingArea {min-height:52px;}
#viewTab_con #keywordRankingArea div.noResult{padding:13px;height:20px;margin-top:2px;}


.mornitoringWrap .allPlus {border-bottom: 1px solid #ccc;width: 100%;display: block;overflow: hidden;}
.mornitoringWrap .allPlus a {}
.mornitoringWrap .allPlus a:after {content: '+ 모두 더보기';font-size: 12px;background-color: #f7f7f7;padding: 4px 12px;border-radius: 5px;color: #5a579c;border: 1px solid #8f86df;display: inline-block;text-align: center;float: right;margin: 5px 0;}
.mornitoringWrap .allPlus a:hover:after { background-color: #9284dc; color: #fff;  }

.mornitoringWrap .allPlus.open {   }
.mornitoringWrap .allPlus.open a {   }
.mornitoringWrap .allPlus.open a:after { content: '- 모두 간략보기';  }
.mornitoringWrap .allPlus.open a:hover:after {   }

/*  */
.mornitoringWrap .grouppingSlide{overflow: hidden;}
.mornitoringWrap .groupWrap{background-color: #fff;border-radius: 10px;padding: 30px 10px;height: 320px;overflow: hidden;position: relative;}
.mornitoringWrap .groupWrapSlider .slick-list{overflow: hidden;min-height: 260px;}
.mornitoringWrap .groupBox{margin-bottom: 5px; width: 100%}
.mornitoringWrap .groupTitle, .mornitoringWrap .groupArea{float: left;height: 61px;}
.mornitoringWrap .groupTitle{width: 18.4%;line-height: 55px;text-align: center;color:#fff;font-weight: bold;background-color: #e7eef1;height: 55px;border-radius: 10px;margin: 4px 0 2px 2px;color: #47789a;font-size: 17px;/* border: 1px solid #c6d3dc; */}
.mornitoringWrap .groupTitle2{background-color: #ececf8;color: #5756a4;/* border: 1px solid #d1d1e9; */}
.mornitoringWrap .groupBox2{margin-bottom: 0}
.mornitoringWrap .groupArea{width: 78.5%;overflow: hidden;position: relative;margin-left: 22px;}
.mornitoringWrap .groupArea .slick-list{width:94%;margin-left: 3%;margin-right: 3%;}

.mornitoringWrap .groupWrapSlider .groupSlider_next,  .mornitoringWrap .groupWrapSlider .groupSlider_prev{cursor:pointer;display: inline-block;width: 20px;height: 40px;border: 0;border-radius: 0;position: absolute;font-size: 0;text-indent: -9999px;background-image:url('../images/icon_arrow02.png');background-repeat: no-repeat;background-color: #f7f7f7;background-size: 10px;background-position: 50%;left: 50%;}
.mornitoringWrap .groupWrapSlider .groupSlider_prev{
    transform: rotate(90deg);
    top: -4px;
}
.mornitoringWrap .groupWrapSlider .groupSlider_next{
    transform: rotate(-90deg);
    top: 287px;
}


.mornitoringWrap .groupArea li{width: 20%;;float: left;height: inherit; outline:none}
.mornitoringWrap .groupArea li.selected{background-color:#eee} 
.mornitoringWrap .groupArea dd, .mornitoringWrap .groupArea dt{padding: 4px 0;}
.mornitoringWrap .groupArea dd{font-size: 15px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;}
.mornitoringWrap .groupArea dt{border-bottom: 1px solid #e4e4e4;padding-top: 6px;font-size: 12px;color: #47789a;}
.mornitoringWrap .groupArea .spanText{display: inline-block;top: 20px;position: relative;font-size: 16px;font-weight: bold;color: #555;}

/* Next & previous buttons */
.mornitoringWrap .groupArea .slick-arrow.slick-prev, .mornitoringWrap .groupArea .slick-arrow.slick-next{top: 29.5px;opacity:1}
.mornitoringWrap .groupArea .slick-arrow.slick-prev{left: 0px;background-position: 5px 4px;}
.mornitoringWrap .groupArea .slick-arrow.slick-next {right: 0px;background-position: -17px 3px;}

/* issue Layer modal */
.mornitoringWrap #issueCompare{}
.mornitoringWrap .issueCompare {display: inline-block;float: right;margin-top: 20px;position: relative;}
.mornitoringWrap .issueComparePop  .popupHeader{}
.mornitoringWrap .issueComparePop  .popupContents{}
.mornitoringWrap .issueCompare a {  }
.mornitoringWrap .issueCompare a.issueCompareBtn {font-size: 13px;padding: 5px 15px;color: #4d4d8f;border: 1px solid #6767A5;display: inline-block;border-radius: 6px;}
.mornitoringWrap .issueCompare a.issueCompareBtn:hover { background-color: #6767A5; color: #fff; }


#cmtListHide {min-height:56px;display:none;}
#cmtListDiv span.nodata {position: relative;top: 17px;} 
#cmtList.noUse #cmtListHide {min-hiehght:56px;display:block;position: absolute;right: 0px;height: 56px;width: 600px;background: #ffffff;z-index: 9;}


/*==================================================================
// 최신이슈
// 위원회별
//=================================================================*/
/* .issuePerBoardWrap{background-color: #fff !important;} */
.issuePerBoardWrap .bubbletreeArea{height: 870px;background:#fff;/* margin-top: -100px;*/ padding-top:10px; clear: none;}
.issuePerBoardWrap .bubbletree-wrapper.layout,
.issuePerBoardWrap .chartWrap{float:left; height: inherit; margin-top:0; }


.issuePerBoardWrap .bubbletree-wrapper.layout {width: 55%; }
.issuePerBoardWrap .bubbletree-wrapper.layout.selected { width: 50%;}

.issuePerBoardWrap .bubbletree-wrapper .backBtn{display: inline-block; position: absolute; top:10px;left:10px; padding: 4px 10px; background-color:#6863ac; color:#fff; border-radius: 4px;}


.issuePerBoardWrap .chartWrap {width: 45%; }
.issuePerBoardWrap .chartWrap.selected { width: 50%;  }
.issuePerBoardWrap .chartWrap .rightLayout {opacity: 0;padding: 15px 20px 0 15px;height: 100%;position: absolute;top: 0;right: 0;z-index: 1;width: 100%;display: block;overflow: hidden;}
.issuePerBoardWrap .chartWrap .rightLayout.selected {opacity: 1;z-index: 2;}

.issuePerBoardWrap .chartWrap .titArea {padding-top:0;}
.issuePerBoardWrap .chartWrap .titArea h2 {   }
.issuePerBoardWrap .chartWrap .titArea h2 span {   }

.issuePerBoardWrap .rank {float: left;width: 25%;min-width: 210px;/* border-right: 1px solid #aaa; */height: inherit;background-color: #f1f5f7;}
.issuePerBoardWrap .rank ul {/* padding: 10px 0 0 0; */}
.issuePerBoardWrap .rank ul li {clear: both;padding: 12px 0;border-bottom: 1px solid #d7dee1;overflow: hidden;white-space: nowrap;border-top: 1px solid #efefef;border-left: 1px solid #efefef;font-size:0;border-right: 0;}
.issuePerBoardWrap .rank ul li span {overflow: hidden;display: inline-block;vertical-align: middle;}
.issuePerBoardWrap .rank ul li span.num {width: 24px;text-align: center;font-family:"Century Gothic", Arial, sans-serif;font-size: 15px;color: #37a0ba;padding: 0px 0 0 8px;}
.issuePerBoardWrap .rank ul li span.keyword {text-align: left;padding: 0 0 0 5px;width: 122px;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.issuePerBoardWrap .rank ul li span.count {font-family:"Century Gothic", Arial, sans-serif;font-size: 12px;text-align: right;margin-right: 14px;width: 45px;}
.issuePerBoardWrap .rank ul li:hover {background-color: #e9f0f3;border-top: 1px solid #efefef;cursor: pointer;}
.issuePerBoardWrap .rank ul li.selected {border-right: 1px solid #fff;background-color: #fff;}


.issuePerBoardWrap .chartWrap .chartArea{float:left;width: calc(100% - 210px);max-width: 590px;height: inherit;}
.issuePerBoardWrap .chartWrap .chartArea .chartBox{height: 40%;margin: 5% 15px 4% 30px;background:#fff;border-bottom: 1px solid #d9d9d9;}

.issuePerBoardWrap .bubbletree-wrapper .backBtnRight {display: inline-block;position: absolute;top: 10px;right: 10px;padding: 4px 10px;background-color: #6863ac;color: #fff;border-radius: 4px;}


/*==================================================================
// 최신이슈
// 이슈모아보기
//=================================================================*/
.issueCollectionWrap{}
.issueCollectionWrap .contentsArea{}
 .contentsArea article{width: 100%;margin: 0 auto;padding: 0px; background: #fff; border-radius: 15px;}
.issueCollectionWrap .itemSlider{overflow: hidden;padding-top: 30px;margin-bottom: 150px;}
.issueCollectionWrap .itemSlider .item{float:left;padding: 0;margin: 0 10px;}

.issueCollectionWrap .itemSlider .slick-dots{text-align: center; font-size: 0;}
.issueCollectionWrap .itemSlider .slick-dots li{display: inline-block;margin: 30px 10px 10px 10px;}
.issueCollectionWrap .itemSlider .slick-dots li button{text-indent: -9999px; font-size: 0; border: 0; background-color: #e4e4e4; padding: 0; width: 10px; height: 10px; border-radius: 50%; cursor:pointer;}
.issueCollectionWrap .itemSlider .slick-dots li.slick-active{}
.issueCollectionWrap .itemSlider .slick-dots li.slick-active button{background-color:#d36c81}

/* iussue Collection */
.issueKeywordArea  {    }
.issueKeywordArea .item {display: block;overflow: hidden;padding: 10px; outline: none;}
.issueKeywordArea .item h4 {display: block;overflow: hidden;border-bottom: 2px solid #999;padding-bottom: 5px;letter-spacing: -1px;}
.issueKeywordArea .item h4 span.committeeName {font-size: 15px;font-weight: bold;float: left;color: #505050;margin: 0;text-overflow: ellipsis;white-space: nowrap;width: 154px;/* overflow: hidden; */padding-left: 5px;}
.issueKeywordArea .item h4 span {font-size: 13px;color: #467596;margin: 0px 5px 5px 5px;float: right;font-family: "Century Gothic", Arial, sans-serif;}

.issueKeywordArea .item ul {}
.issueKeywordArea .item ul li {overflow: hidden;padding: 10px 0;border-bottom: 1px solid #ddd;}
.issueKeywordArea .item ul li span {display: block;overflow: hidden;float: left;color: #000;vertical-align: middle;height: inherit;line-height: 160%;margin-top: 2px;}


.issueKeywordArea .item ul li span.num {width: 10%;font-family:"Century Gothic", Arial, sans-serif;text-align: center;color: #509dc5;font-size: 15px;margin: 0 2px 0 1px;font-weight: bold;}
.issueKeywordArea .item ul li span.keyword {width: 64%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:0;font-size: 15px;}
.issueKeywordArea .item ul li span.count {float: right;padding-right: 5px;color: #767676;font-size: 13px;padding-top: 1px;font-family: "Century Gothic", Arial, sans-serif;}

/*==================================================================
// 최신이슈
// 맞춤형 서비스
//=================================================================*/
.personalizeServiceWrap{}
.personalizeServiceWrap .popUpArea{/*border: 1px solid #e4e4e4;border-radius: 10px;*/margin-bottom: 30px;}
.personalizeServiceWrap .popUpArea .header{margin: 0 auto 10px;}
.personalizeServiceWrap .popUpArea .header .popTitle{font-size: 22px;}
.personalizeServiceWrap .popUpArea .header .popTitle span{color: #CC5C8A;}
.personalizeServiceWrap .popUpArea .header .popDate{font-size: 20px;color: #4d617c;font-family: "Century Gothic";margin-right:25px;}
.personalizeServiceWrap .popUpArea .body{/*padding: 25px 0 10px 0;*/}
.personalizeServiceWrap .popUpArea .body .issueArea{padding: 0 21px;}
.personalizeServiceWrap .popUpArea .body ul{float: left;width: 300px;padding: 20px 22px;background-color: #f7f7f7;margin-left: 76px;border-radius: 11px;}
.personalizeServiceWrap .popUpArea .body ul:first-child{margin-left:0}
.personalizeServiceWrap .popUpArea .body ul:nth-child(3n){margin-right: 0;}
.personalizeServiceWrap .popUpArea .body ul:nth-child(even){background-color: #e0eff6;border: 1px solid #daebf3;}
.personalizeServiceWrap .popUpArea .body h4{padding: 15px 17px 15px 10px;border-bottom: 1px solid #ccc;font-size: 20px;/* font-weight: bold; */color: #385466;margin-bottom: 11px;}
.personalizeServiceWrap .popUpArea .body ul:nth-child(even) h4{border-bottom: 1px solid #8c959c; color: #00467e;}
.personalizeServiceWrap .popUpArea .body li{padding: 5px;font-size: 17px;line-height: 29px;color: #4c4c4c;font-family: 'NotoSansKR-DemiLight';}
.personalizeServiceWrap .popUpArea .body li span{font-family: "Century Gothic", Arial, sans-serif; color: #509dc5;font-weight: bold; width: 26px;display: inline-block;text-align: center; font-size: 17px;}
.personalizeServiceWrap .popUpArea .footer{margin-top: 10px;}

.personalizeServiceWrap .popCloserBtn{font-size: 14px;display: inline-block;margin: 0 21px 15px 10px;padding: 3px 14px;border: 1px solid #b0b0b0;border-radius: 4px;}

/*==================================================================
// 최신이슈
// 맞춤형 이슈
//=================================================================*/
.personalizeIssueWrap{}

.personalizeIssueWrap .personalizeIssueTopArea{}
.personalizeIssueWrap .personalizeIssueTopTitle{float: left;margin-top: 10px;font-size: 22px;color: #2c404c;}
.personalizeIssueWrap .personalizeIssueBtnArea{float: right; font-size: 0;}
.personalizeIssueWrap .personalizeIssueBtnArea a{display: inline-block;font-size: 13px;padding: 8px 20px;color: #fff;background: #5f73a1;margin-left: 7px;border-radius: 10px;}
.personalizeIssueWrap .personalizeIssueBtnArea a:first-child{background-color: #63879c; color: #fff;}

.personalizeIssueWrap .treeMapWrap{margin-top: 10px;position: relative;}
.personalizeIssueWrap .treeMapWrap .treeMapBtn{height: 31px;width: 31px;text-indent: -9999px;display: inline-block;background: url(../images/icon_settings.png) no-repeat 50% 50%;position: absolute;top: 14px;right: 27px;z-index: 1;}
.personalizeIssueWrap .treeMapArea{height: 350px;background-color:#fff;border-radius: 10px;}
.personalizeIssueWrap .treeMap, .personalizeIssueWrap .keyWordWrap{height: inherit;position: relative;padding: 0 2% 2%;}
.personalizeIssueWrap .treeMap h4,  .personalizeIssueWrap .keyWordWrap h4{text-align: left; font-size: 17px; color:#000}

.personalizeIssueWrap .treeMap{float: left;width: 64%;}
.personalizeIssueWrap .treeMap.control{width: 92%;}
.personalizeIssueWrap .treeMap .treeMapBox{height: 354px;margin-left: -16px;width: 106%;}

.personalizeIssueWrap .keyWordWrap{float: right;width: 36%;padding-top: 2%;}
.personalizeIssueWrap .keyWordWrap h4 span{color: #777;font-size: 13px;}
.personalizeIssueWrap .keyWordWrap .keyWordBox{position: relative;height: 290px;margin-top: 10px;}
.personalizeIssueWrap .keyWordWrap .keyWordNav{position: absolute;left:0;top: 0;bottom: 0;width: 43px;background-color: #e4ecf1;cursor:pointer;}
.personalizeIssueWrap .keyWordWrap .keyWordNav a{display: block;top: 39%;position: relative;}
.personalizeIssueWrap .keyWordWrap .keyWordNav span{display: block;position: relative;}
.personalizeIssueWrap .keyWordWrap .nav_icon{font-size: 0;text-indent:-999px;width: 18px;height: 18px;background: url(../images/icon_arrow.png) #fff no-repeat -17px -18px;margin: 0 auto;top: -30px;border-radius: 50%;}
.personalizeIssueWrap .keyWordWrap .nav_text{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);min-width: 130px;top: 20px;left: -43px;}

.personalizeIssueWrap .keyWordWrap .keyWordArea{padding: 15px 10px 15px 55px;border: 1px solid #e9e9e9;height: inherit;font-size: 0;overflow: auto;}
.personalizeIssueWrap .keyWordWrap .keyWordArea .word{font-size: 14px;display: inline-block;padding: 3.5px 12px;color: #0062a8;margin: 4px;border-radius: 3px;border: 1px solid #0070c0;}
.personalizeIssueWrap .keyWordWrap .keyWordArea .word.PKword{background-color: #0070c0;color: white;}

.personalizeIssueWrap .keyWordWrap.control{width: 43px;padding: 16px 0 0; overflow: hidden; margin-right: 20px;}
.personalizeIssueWrap .keyWordWrap.control .keyWordNav{}
.personalizeIssueWrap .keyWordWrap.control .keyWordBox{margin-top:0;height: 322px;}
.personalizeIssueWrap .keyWordWrap.control h4{display: none;}
.personalizeIssueWrap .keyWordWrap.control h4 span{}
.personalizeIssueWrap .keyWordWrap.control .nav_icon{background-position: 5px -18px;}


.personalizeIssueWrap .myLocal{}
.personalizeIssueWrap .myLocal ul{}
.personalizeIssueWrap .myLocal li{padding: 10px;}
.personalizeIssueWrap .myLocal li .title{padding-bottom: 5px;border-bottom: 1px solid #e4e4e4;margin-bottom: 5px;justify-content: space-between;display: flex;}
.personalizeIssueWrap .myLocal li .title span{display: flex;}
.personalizeIssueWrap .myLocal li .title span.myLocalTitle{max-width: 380px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.personalizeIssueWrap .myLocal li .title span.myLocalMap{}
.personalizeIssueWrap .myLocal li .title span.myLocalDate{}
.personalizeIssueWrap .myLocal li .contents{}

.personalizeIssueWrap .PrivateKeywordPop{}
.personalizeIssueWrap .PrivateKeywordPop .wordWrap{background-color: #fff;padding: 13px;font-size: 0;}
.personalizeIssueWrap .PrivateKeywordPop .word{display: inline-block;padding: 5px 12px;background-color: #e4e4e4;font-size: 15px;margin: 5px;border-radius: 4px;}
.personalizeIssueWrap .PrivateKeywordPop ul{border-top: 1px solid #e4e4e4;padding-top: 14px;margin-top: 14px;}
.personalizeIssueWrap .PrivateKeywordPop ul h4{margin-bottom: 15px;font-size: 14px;}
.personalizeIssueWrap .PrivateKeywordPop li{height: 43px;position: relative;}
.personalizeIssueWrap .PrivateKeywordPop li .plusBtn{padding: 5px 20px;background: url('../images/icon_plus.png') #aaa no-repeat 50% 50%;height: 42px;width: 43px;display: inline-block;}
.personalizeIssueWrap .PrivateKeywordPop li input{border: 1px solid #e4e4e4;background-color: #fff;padding: 5px;display: inline-block;height: 41px;width: 267px;padding-left: 10px;vertical-align: top;font-size: 15px;}
.personalizeIssueWrap .PrivateKeywordPop li .deleteBtn{display: inline-block;height: 41px;line-height: 41px;width: 47px;background-color: #aaa;color: #fff;border-radius: 4px;vertical-align: top;text-align: center;}


.personalizeIssueWrap  .similarUserPop{}
.personalizeIssueWrap  .similarUserPop .userArea{margin-bottom: 20px;text-align: center; }
.personalizeIssueWrap  .similarUserPop .userArea li {display: inline-block; margin-left:20px}
.personalizeIssueWrap  .similarUserPop .userArea li:first-child{ margin-left:0px}

.personalizeIssueWrap  .similarUserPop .userIcon{display: inline-block;width: 100px;height: 100px; border:1px solid #e5e5e5;}
.personalizeIssueWrap  .similarUserPop .userIcon1{background: url(../images/user_1.png) #f8f8f8;}
.personalizeIssueWrap  .similarUserPop .userIcon2{background: url(../images/user_2.png) #f8f8f8;}
.personalizeIssueWrap  .similarUserPop .userIcon3{background: url(../images/user_3.png) #f8f8f8;}
.personalizeIssueWrap  .similarUserPop .userArea li:hover .userIcon{background-position:101px 0}

.personalizeIssueWrap  .similarUserPop .userText{}
.personalizeIssueWrap  .similarUserPop .similarKeywordArea{}
.personalizeIssueWrap  .similarUserPop .similarKeywordArea div{margin-top: 10px;}
.personalizeIssueWrap  .similarUserPop .similarKeywordArea h5{font-size:17px;border-bottom: 1px solid #bbb;padding-bottom: 13px;}
.personalizeIssueWrap  .similarUserPop .similarKeywordArea h4{margin-bottom: 15px;}
.personalizeIssueWrap  .similarUserPop .similarKeyword{display: inline-block;padding: 6px 14px;border-radius: 23px;border: 1px solid #6767A5;color: #535393;margin: 5px;font-size: 13px;}
.personalizeIssueWrap  .similarUserPop .similarKeyword:hover{background-color: #333; color: #fff; }


/*==================================================================
// 최신이슈
// 유사 이용자 이슈
//=================================================================*/
.similarUserWrap  .userChangeBtn{color: #555da7;font-size: 16px;border: 1px solid #6268a2;padding: 3px 16px;border-radius: 7px;}

.similarUserWrap .similarUseTopArea{}
.similarUserWrap .similarUseTopTitle{float: left;margin-top: 10px;font-size: 22px;color: #2c404c;}
.similarUserWrap .similarUseBtnArea{float: right; font-size: 0;}
.similarUserWrap .similarUseBtnArea a{display: inline-block;font-size: 13px; padding: 8px 20px;color: #fff;background: #5f73a1;margin-left: 7px;border-radius: 10px;}
.similarUserWrap .similarUseBtnArea a:first-child{background-color: #63879c;color: #fff;}


.similarUserWrap .treeMapWrap{margin-top: 10px;position: relative;}
.similarUserWrap .treeMapWrap .treeMapBtn{height: 31px;width: 31px;text-indent: -9999px;display: inline-block;background: url(../images/icon_settings.png) no-repeat 50% 50%;position: absolute;top: 14px;right: 27px;z-index: 1;}
.similarUserWrap .treeMapArea{height: 350px;background-color:#fff;border-radius: 10px;}
.similarUserWrap .treeMap, .similarUserWrap .keyWordWrap{height: inherit;position: relative;padding: 0 2% 2%;}
.similarUserWrap .treeMap h4,  .similarUserWrap .keyWordWrap h4{text-align: left; font-size: 17px; color:#000}

.similarUserWrap .treeMap{float: left;width: 64%;}
.similarUserWrap .treeMap.control{width: 92%;}
.similarUserWrap .treeMap .treeMapBox{height: 356px;margin-left: -16px;width: 106%;}

.similarUserWrap .keyWordWrap{float: right;width: 36%; padding-top: 2%;}
.similarUserWrap .keyWordWrap h4 span{color: #777;font-size: 13px;}
.similarUserWrap .keyWordWrap .keyWordBox{position: relative;height: 290px;margin-top: 10px;}
.similarUserWrap .keyWordWrap .keyWordNav{position: absolute;left:0;top: 0;bottom: 0;width: 43px;background-color:#c7d3dc;cursor:pointer;}
.similarUserWrap .keyWordWrap .keyWordNav a{display: block;top: 39%;position: relative;}
.similarUserWrap .keyWordWrap .keyWordNav span{display: block;position: relative;}
.similarUserWrap .keyWordWrap .nav_icon{font-size: 0;text-indent:-999px;width: 18px;height: 18px;background: url(../images/icon_arrow.png) #fff no-repeat -17px -18px;margin: 0 auto;top: -30px;border-radius: 50%;}
.similarUserWrap .keyWordWrap .nav_text{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);min-width: 130px;top: 20px;left: -43px;}

.similarUserWrap .keyWordWrap .keyWordArea{padding: 10px 10px 10px 50px;background-color: #b6c9d2;height: inherit;font-size: 0;overflow: auto;}
.similarUserWrap .keyWordWrap .keyWordArea .word{font-size: 15px;display: inline-block;padding: 5px 12px;background-color: #535353;color:#fff;margin: 4px;border-radius: 3px;}
.similarUserWrap .keyWordWrap .keyWordArea .word.PKword{background-color: #0070c0;}

.similarUserWrap .keyWordWrap.control{width: 43px;padding: 16px 0 0; overflow: hidden; margin-right: 20px;}
.similarUserWrap .keyWordWrap.control .keyWordNav{}
.similarUserWrap .keyWordWrap.control .keyWordBox{margin-top:0;height: 322px;}
.similarUserWrap .keyWordWrap.control h4{display: none;}
.similarUserWrap .keyWordWrap.control h4 span{}
.similarUserWrap .keyWordWrap.control .nav_icon{background-position: 5px -18px;}


/*==================================================================
// 최신이슈
// 나의 지역구 이슈
//=================================================================*/
.myLocalWrap{}
.myLocalWrap .headerBg{background-color:#fff}


.myLocalWrap .localMapWrap{height: 645px;text-align: center;}
.myLocalWrap .localMapWrap .topLocalWrap,
.myLocalWrap .localMapWrap .topWordCloudWrap{height: inherit;border-radius: 10px;/* box-shadow: 8px 10px 10px rgba(0,0,0,0.08); */border: 1px solid #e3e9ed;}

.myLocalWrap .localMapWrap .selectricWrapper{float: none;display: inline-block;width: auto;min-width: 160px; margin-left: 0;}


/* 상단 좌측 Map */
.myLocalWrap .localMapWrap .topLocalWrap{float: left;background-color:#98b6cb;width: 440px;}
.myLocalWrap .localMapWrap .topLocalWrap .mapArea{margin: 50px auto 30px; height: 497px; }

.myLocalWrap .localMapWrap .topLocalWrap .st0{fill:#EFEFEF; stroke:#FFFFFF; transition: all 0.4s; -webkit-transition: all 0.4s;}
.myLocalWrap .localMapWrap .topLocalWrap .st0:hover {fill:#eea7a6;}
.myLocalWrap .localMapWrap .topLocalWrap .selected .st0 {fill:#ff6866;}
.myLocalWrap .localMapWrap .topLocalWrap .st0{fill:#EFEFEF;stroke:#FFFFFF;stroke-width:3;stroke-miterlimit:10;}
.myLocalWrap .localMapWrap .topLocalWrap .st1{fill:#EFEFEF;stroke:#EFEFEF;stroke-width:3;stroke-miterlimit:10;}
.myLocalWrap .localMapWrap .topLocalWrap .st2{fill:none;stroke:#424284;stroke-width:1.3313;stroke-miterlimit:10;}
.myLocalWrap .localMapWrap .topLocalWrap .st3{fill:none;stroke:#424284;stroke-width:1.3313;stroke-miterlimit:10;stroke-dasharray:2.5904,1.7269;}
.myLocalWrap .localMapWrap .topLocalWrap .st4{fill:#424284;}
.myLocalWrap .localMapWrap .topLocalWrap .st5{fill:#ff6866;stroke:#FFFFFF;stroke-width:4.1776;stroke-miterlimit:10;}


.myLocalWrap .localMapWrap .topLocalWrap .selectArea{}

.myLocalWrap .topLocalWrap .selectric{border-color: #8a9cab;border-radius: 100px;padding: 4px 5px;}
.myLocalWrap .topLocalWrap .selectric .label{font-size: 18px;color: #4d6b8f;/* font-weight: bold; */}

.myLocalWrap .topLocalWrap .selectric .button{background: url('../images/mylocal_arrow.png') no-repeat 95% 50%;top: 7px;right: 15px;}
.myLocalWrap .topLocalWrap .selectric .button:after{border: 0;}


/* 상단 우측 select & title */
.myLocalWrap .topWordCloudWrap .selectric{border: 0;border-bottom: 1px solid #a7a7a7;}
.myLocalWrap .topWordCloudWrap .selectric .label{font-size: 20px;color: #aa4f81;font-weight: bold;}
.myLocalWrap .topWordCloudWrap .selectric .button{}
.myLocalWrap .topWordCloudWrap .selectric .button:after{border-top-color: #bac8ce;}
.myLocalWrap .topWordCloudWrap .selectricItems{}
.myLocalWrap .topWordCloudWrap .selectricItems li.selected{}
.myLocalWrap .topWordCloudWrap .selectricHover{}

/* 상단 우측 wordCloud */
.myLocalWrap .localMapWrap .topWordCloudWrap{float: right;background-color:#fff;width: 680px;overflow: hidden;}
.myLocalWrap .localMapWrap .topWordCloudWrap .selectLocalTItle{margin: 40px auto 20px;}
.myLocalWrap .localMapWrap .topWordCloudWrap .keywordTitle{display: inline-block;vertical-align: top;}
.myLocalWrap .localMapWrap .wordCloudWrap{height: 458px;margin: 30px auto;width: 85%;}
.myLocalWrap .localMapWrap .wordCloudWrap .wordCloud{height: inherit;margin-bottom: 30px;width: 100%; overflow: hidden;}
.myLocalWrap .localMapWrap .wordCloudWrap .rangeInput{width: 50%}


/* 지역별 이슈키워드 워드클라우드 */
.myLocalWrap .localMapWrap .topWordCloudWrap{height: inherit;border-radius: 10px;/* box-shadow: 8px 10px 10px rgba(0,0,0,0.08); */}

/* 상단 우측 select & title */
.myLocalWrap .topWordCloudWrap .selectric{border: 0;border-bottom: 1px solid #a7a7a7;}
.myLocalWrap .topWordCloudWrap .selectric .label{font-size: 20px;color: #aa4f81;font-weight: bold;}
.myLocalWrap .topWordCloudWrap .selectric .button{}
.myLocalWrap .topWordCloudWrap .selectric .button:after{border-top-color: #bac8ce;}
.myLocalWrap .topWordCloudWrap .selectricItems{}
.myLocalWrap .topWordCloudWrap .selectricItems li.selected{}
.myLocalWrap .topWordCloudWrap .selectricHover{}

/* 상단 우측 wordCloud */
.myLocalWrap .localMapWrap .topWordCloudWrap{float: right;background-color:#fff;width: 640px;overflow: hidden;}
.myLocalWrap .localMapWrap .topWordCloudWrap .selectLocalTItle{margin: 40px auto 20px;}
.myLocalWrap .localMapWrap .topWordCloudWrap .keywordTitle{display: inline-block;vertical-align: top;}
.myLocalWrap .localMapWrap .wordCloudWrap2{height: 458px;margin: 30px auto;width: 100%;}
.myLocalWrap .localMapWrap .wordCloudWrap2 .wordCloud2{height: inherit;margin-bottom: 30px;width: 100%; overflow: hidden;}
.myLocalWrap .localMapWrap .wordCloudWrap2 .rangeInput2{width: 50%}

/* 상단 우측 rangeBar */

.association_slider2 #association_slider_ui2{margin: 0 auto;width: 290px;height: 4px;background-color: #EAEAEA;}
.association_slider2 #association_slider_ui2 .ui-slider-range{background-color: #7A8F99;}
.association_slider2 #association_slider_ui2 .ui-slider-handle{width: 28px !important;height: 28px !important;border-radius: 50%;top: -12px;background-color: #fff !important;border: 1px solid #EDEDED !important;box-shadow: 3px 5px 6px #ececec;cursor:pointer;}
.association_slider2 #association_slider_ui2 .ui-slider-handle:before,
.association_slider2 #association_slider_ui2 .ui-slider-handle:after{content:'';position: absolute;left: 6px;top: 10px;width : 14px;height: 2px;background-color:#B7B7B7;border-radius: 10px;}
.association_slider2 #association_slider_ui2 .ui-slider-handle:after{top: 15px;}

.association_slider2 .association_slider_label {float: left; margin-top: 3px; font-size: 14px; font-weight: bold;}
/* .association_slider2 .region_max_node {text-align: center;} */
.association_slider2  input{color: #4F6872;font-family: century gothic, sans-serif;font-size: 16px;margin-top: 5px;border: 0;display: inline-block;}
.
/* 지역별 이슈 페이지 지도 부분에 이슈키워드 노출 관련 */
.selectRegionIssKwd {position : relative; top: -20px}



/*==================================================================
// 빅데이터
// 상세 분석
//=================================================================*/
.detailAnalysisWrap .chartdiv, .detailAnalysisWrap .chartdiv02{float: left; height : inherit}
.detailAnalysisWrap .chartdiv{width: 70%}
.detailAnalysisWrap .chartdiv02{width: 30%}

/*==================================================================
// 빅데이터
// 기간별 연관어
//=================================================================*/
.periodicalAssociationWrap{}
.periodicalAssociationWrap .relationLegendWrap{margin-top: 45px;}
.periodicalAssociationWrap .relationKeyworWrap{float:left; width: 15%;}

.periodicalAssociationWrap .kewordWrap {float: right;width: 84%;overflow: hidden;} 
.periodicalAssociationWrap .kewordWrap .slick-list {overflow: hidden;overflow-y: scroll}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea {}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item { float: left;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul {display: block;overflow: hidden;margin: 0 19px 0 0;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul li {display: table;overflow: hidden;clear: both;padding: 10.5px 5px;border-bottom: 1px solid #ddd;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul li:first-child {border-bottom: 1px solid #4b707c;text-align:center;padding:0px;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul li span {overflow: hidden;float: left;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul li span.period {color: #111e3e;font-size: 15px;margin: 0;white-space: nowrap;font-family: sans-serif;width: 191px;display: block;margin-top: 10px;padding-left: 4px;text-align:center;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul li span.num {width: 30px;text-align: center;color: #509dc5;font-family:"Century Gothic", Arial, sans-serif;font-size: 15px;font-weight: bold;padding-top: 2px;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul li span.keyword {width: 106px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;color: #000;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul li span.count {float: right;font-size: 10px;font-family:"Century Gothic", Arial, sans-serif;margin: 7px 14px 0 0;}

.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item ul li.selected {background-color: #bdf2ff;color: #000;}
.periodicalAssociationWrap .kewordWrap .relationKeywordArea .item {height: 70vh; } 


.periodicalAssociationWrap .itemSlider .slick-dots{text-align: center; font-size: 0;}
.periodicalAssociationWrap .itemSlider .slick-dots li{display: inline-block;margin: 30px 10px 10px 10px;}
.periodicalAssociationWrap .itemSlider .slick-dots li button{text-indent: -9999px; font-size: 0; border: 0; background-color: #e4e4e4; padding: 0; width: 10px; height: 10px; border-radius: 50%; cursor:pointer;}
.periodicalAssociationWrap .itemSlider .slick-dots li.slick-active{}
.periodicalAssociationWrap .itemSlider .slick-dots li.slick-active button{background-color:#ff6866}

/*==================================================================
// 빅데이터
// 상세분석
//=================================================================*/
.compareAnalysisWrap{}
.compareAnalysisWrap .daily1{font-size: 15px;width: 112px;background-position-y: 8px;}


/* 중간 CANVAS */
.compareAnalysisWrap .association_map{float: left; width: 70%;}
.association_map .canvas{border: 1px solid red;transform: translate(-10%, 0px);}

/* 양쪽 검색 테이블 */
.compareAnalysisWrap .compareArea{float: left;width: 15%;position: relative;}
.compareAnalysisWrap .compareArea.compare1 {float: left}  
.compareAnalysisWrap .compareArea.compare2 {float: right;}  
.compareAnalysisWrap .compareArea h4  {left: 15px;font-size: 14px;color: #0d8dcf;border-bottom: 1px solid #7D7D7D;padding: 4px 2px;position: relative;left: 0;}
.compareAnalysisWrap .compareArea h4 a {display: block;height: 18px;width: 18px;color: #999;font-size: 12px;text-align: center;border: 1px solid #ccc;position: absolute;top: 2px;right: 0;border-radius: 50%;;overflow: hidden;text-indent: -9999px;background: url('../images/icon_closeopen.png') no-repeat 2px 2px;background-size: 24px;}
.compareAnalysisWrap .compareArea h4 a:hover { color: #fff; background-color:#8f8880; }
.compareAnalysisWrap .compareArea h4.hidden {left: -200px;}
.compareAnalysisWrap .compareArea.compare2 h4.hidden {left: 200px;}
.compareAnalysisWrap .compareArea h4.hidden a{right: -55px;background-position: -10px 1px;transform: rotate(90deg);}
.compareAnalysisWrap .compareArea.compare2 h4.hidden a{right: 205px;transform: rotate(-90deg);}

.compareAnalysisWrap .compareArea table {border-collapse: collapse;border-spacing: 0;width: 100%;font-size: 11px;line-height: 18px;background-color: rgba(255,255,255,0.5);}
.compareAnalysisWrap .compareArea table tr { border-bottom: 1px solid #cccccc; }
.compareAnalysisWrap .compareArea table tr:last-child { border-bottom: 0; }
.compareAnalysisWrap .compareArea table th {padding: 5px 0 5px 0; color: #000; font-weight: bold; text-align: center; border-bottom: 1px solid #7D7D7D; word-break: break-all; margin: 0; font-size:11px;}
.compareAnalysisWrap .compareArea table td {color: #444;padding: 0 0 5px 0;text-align: center;word-break: break-all;font-size: 11px;font-family:"Century Gothic", Arial !important;}
.compareAnalysisWrap .compareArea table .al_r {text-align: right !important;padding: 0 10px 0 0;font-size: 11px;font-family:"Century Gothic", Arial !important;white-space: nowrap;}
.compareAnalysisWrap .compareArea table .al_l {text-align: left !important;white-space:nowrap;text-overflow:ellipsis;font-size: 12px !important;font-family: NanumBarunGothic!important;overflow: hidden;line-height: 26px;}
.compareAnalysisWrap .compareArea table .al_l:hover {}


/* 하단 체크 박스 영역 */
.compareAnalysisWrap .association_checkbox_area{background-color:;padding: 20px 15px;text-align: center;}
.compareAnalysisWrap .checkboxBtn{width: 20px;height: 20px;border: 1px solid #ccc;display: inline-block;text-indent: -9999px;font-size: 0;background: url('../images/icon_closeopen.png') no-repeat 3px 2px;}
.compareAnalysisWrap .hidden .checkboxBtn{background-position: -13px 2px;}

#polarity_map_area svg text {cursor:pointer;}

/*==================================================================
// myDATA
// 관심 자료
//=================================================================*/
.intrDataListWrap,.intrDataListWrap article, .intrDataListWrap .headerBg, .videoheaderBg{/* background: #f0f5f8; */}
.Nbg,.Nbg article{background:transparent;}
/*
.Nbg .headerBg{ background-color: #AABECC; }
*/

.intrDataListWrap .bookArea {display: block;overflow: hidden;padding:10px 0;/*margin: 10px 0 50px;*/}
.intrDataListWrap .bookArea .bookItem {float: left; outline: none}
.intrDataListWrap .bookArea ul {font-size: 0;}
.intrDataListWrap .bookArea .bookItem ul li {display: inline-block;position: relative;width: 296px;height: 177px;margin: 40px 40px 80px;background-color: #7171b5;border-radius: 5px;box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.18);}
.intrDataListWrap .bookArea .bookItem ul li:nth-child(3n-1){}
.intrDataListWrap .bookArea .bookItem ul li:before, .intrDataListWrap .bookArea .bookItem ul li:after{content:''; position:absolute;}
.intrDataListWrap .bookArea .bookItem ul li:before{top: -14px;left: 3px;width: 31px;height: 30px;background: url('../images/myDate_clip.png') no-repeat left 0;z-index: 1;background-size: cover;}
.intrDataListWrap .bookArea .bookItem ul li:after{top:0;bottom: 0;right: 0;width: 60px;background-color:#575796;border-radius: 0 5px 5px 0;}


.intrDataListWrap .bookArea .bookItem ul li span {overflow: hidden;}
.intrDataListWrap .bookArea .bookItem ul li span.memo {position: absolute;bottom: 16px;right: 7px;z-index: 2;}
.intrDataListWrap .bookArea .bookItem ul li span.memo a {display: block;overflow: hidden;width: 40px;height: 0;background-image: url('../images/myDate_memo.png');background-position: 0 0;background-repeat: no-repeat;background-size: cover;padding: 40px 0 0 0;}
.intrDataListWrap .bookArea .bookItem ul li span.clipboard {position: absolute;top: 0px;left: 128px;z-index: 2;}
.intrDataListWrap .bookArea .bookItem ul li span.clipboard a {display: block;overflow: hidden;/width: 20px;height: 0;padding: 0;background-image: url('../images/clipIcon.png');background-position: 0 0;background-repeat: no-repeat;background-size: cover;padding: 40px 0 0 0;}
.intrDataListWrap .bookArea .bookItem ul li span.clipboard a:hover {display: block;overflow: hidden;/width: 20px;height: 0;padding: 0;background-image: url('../images/clipIcon.png');background-position: 0 bottom;background-repeat: no-repeat;background-size: cover;padding: 40px 0 0 0;}


.intrDataListWrap .bookArea .bookItem ul li span.checkItem {position: absolute;right: 16px;top: 13px;z-index: 1;} 
.intrDataListWrap .bookArea .bookItem ul li a {display: block;overflow: hidden;padding-top: 53px;text-align: left;margin-left: 23px;}
.intrDataListWrap .bookArea .bookItem ul li a span {color:#fff;font-size: 12px;display: inline-block;}
.intrDataListWrap .bookArea .bookItem ul li a span.category {font-size: 15px;} 
.intrDataListWrap .bookArea .bookItem ul li a span.keyword {font-size: 20px;} 
.intrDataListWrap .bookArea .bookItem ul li a span.period {bottom: 0;float: left;margin-left: 0;} 
.intrDataListWrap .bookArea .bookItem ul li a span.date {float: right;} 
.intrDataListWrap .bookArea .bookItem ul li a span.registDate {color: #333;font-size: 17px;position: absolute;left: 6px;} 
.intrDataListWrap .bookArea .bookItem ul li a:hover span{}
.intrDataListWrap .bookArea .bookItem ul li .dateArea{border-top:1px solid #fff;width: 69%;margin-top: 20px;padding-top: 9px;margin-bottom: 50px;}

/* 체크박스 */
.intrDataListWrap .bookArea .icheckbox_minimal-blue.hover {background-position: -65px 0;}
.intrDataListWrap .bookArea .icheckbox_minimal-blue.checked {background-position: -65px 0;}
.intrDataListWrap .bookArea .icheckbox_minimal-blue{width: 21px;height: 21px;background-position: 1px 0;}

/* 슬라이드 페이징 */
.intrDataListWrap .bookSlider .slick-dots{font-size: 0;display: block;bottom: -10px;text-align:center}
.intrDataListWrap .bookSlider .slick-dots li{display: inline-block;margin: 30px 10px 10px 10px;}
.intrDataListWrap .bookSlider .slick-dots li button{text-indent: -9999px; font-size: 0; border: 0; background-color: #dfe6ea; padding: 0; width: 15px; height: 15px; border-radius: 50%; cursor:pointer;}
.intrDataListWrap .bookSlider .slick-dots li.slick-active{}
.intrDataListWrap .bookSlider .slick-dots li.slick-active button{background-color:#94acb8}

/* 활용예제 */

.intrDataListWrap .bookArea .exampleItem {float: left; outline: none}
.intrDataListWrap .bookArea ul {font-size: 0;}

.intrDataListWrap .bookArea .exampleItem ul li{display: inline-block;position: relative;width: 296px;height:200px;margin: 20px 40px 80px;} 
.intrDataListWrap .bookArea .exampleItem ul li a .thumbnail{width: 100%;height:180px;margin-bottom: 7px;border: 1px solid #e1e7ea;border-radius: 5px;}
.intrDataListWrap .bookArea .exampleItem ul li a .thumbnail img{width:100%;height: 100%;border-radius: 5px;box-shadow: 5px 8px 10px rgba(202, 202, 202, 0.18);}
.intrDataListWrap .bookArea .exampleItem ul li a div.titleDate{font-size: 18px;line-height: 41px;}
.intrDataListWrap .bookArea .exampleItem ul li a div.registDate{font-size: 14px;font-family: century Gothic;}

/*==================================================================
// myDATA
// 관심 키워드
//=================================================================*/
.intrKeywordListWrap{}
.intrKeywordListWrap .tableArea table tr td label{margin: 0;}

/* 체크박스 */
.intrKeywordListWrap .icheckbox_minimal-blue.hover {background-position: -21px 0;}
.intrKeywordListWrap .icheckbox_minimal-blue.checked {background-position: -21px 0;}
.intrKeywordListWrap .icheckbox_minimal-blue.disabled { background-position: -65px 0;}
.intrKeywordListWrap .icheckbox_minimal-blue{width: 21px; height: 21px}

/*==================================================================
// myDATA
// 건의사항
//=================================================================*/
.suggestionListWrap{}
.suggestionListWrap .tableArea table tr td label{margin: 0;}
/* 체크박스 */
.suggestionListWrap .icheckbox_minimal-blue.hover {background-position: -21px 0;}
.suggestionListWrap .icheckbox_minimal-blue.checked {background-position: -21px 0;}
.suggestionListWrap .icheckbox_minimal-blue.disabled { background-position: -65px 0;}
.suggestionListWrap .icheckbox_minimal-blue{width: 21px; height: 21px}


/*==================================================================
// 이용자 가이드
// 건의사항
//=================================================================*/
.movieGuideWrap{}
.movieGuideWrap .movieItem{float: left;outline: none;}

/* 슬라이드 페이징 */
.movieGuideWrap .bookSlider .slick-dots{text-align: center; font-size: 0;}
.movieGuideWrap .bookSlider .slick-dots li{display: inline-block;margin: 30px 10px 10px 10px;}
.movieGuideWrap .bookSlider .slick-dots li button{text-indent: -9999px; font-size: 0; border: 0; background-color: #e4e4e4; padding: 0; width: 10px; height: 10px; border-radius: 50%; cursor:pointer;}
.movieGuideWrap .bookSlider .slick-dots li.slick-active{}
.movieGuideWrap .bookSlider .slick-dots li.slick-active button{background-color:#d36c81}

.movieGuideWrap .movieArea {display: block;overflow: hidden;margin: 0 auto;padding:0 20px;}
.movieGuideWrap .movieArea ul {display: block;overflow: hidden;margin-bottom:20px;position:relative;}
.movieGuideWrap .movieArea ul li {display:inline-block;text-align:center;}
.movieGuideWrap .movieArea ul li div{display: inline-block;position: relative;background-image: url(../images/movie.png);background-position: -10px -10px;background-repeat: no-repeat;background-size: 108%;width: 270px;height: 205px;border-radius:11px;}
/* .movieGuideWrap .movieArea ul li{margin-left: 121px;} */
/* .movieGuideWrap .movieArea ul li:first-child, .movieGuideWrap .movieArea ul li:nth-child(3n+1){margin-left: 0px;} */

.movieGuideWrap .movieArea ul li p {width: 270px;display: block;text-align: center;padding: 77px 0 0 0;color: #fff;font-size: 15px;}
.movieGuideWrap .movieArea ul li span.date {width: 266px;position: absolute;bottom: 0;text-align: center;margin: 0;color: #555;font-size: 12px;left: 0;}
.movieGuideWrap .movieArea ul li a.playbtn {position: absolute;top: 0px;left: -1px;width: 270px;height: 0;background-image: url(../images/playbtn.png);background-repeat: no-repeat;background-position: center 48px;background-size: 30%;overflow: hidden;padding: 188px 0 0 0;opacity: 0.1;}
.movieGuideWrap .movieArea ul li a.playbtn:hover { opacity: 1;  }

/*==================================================================
// 이용자 가이드
// FAQ
//=================================================================*/
.FAQWrap{}

.FAQWrap{}
.FAQWrap .accordionWrap{margin: 20px auto;}
.FAQWrap .accordionBox{margin: 10px 0 20px;}
.FAQWrap .accordionTitle{padding: 20px 10px 20px 34px;position: relative;border-bottom: 1px solid #cfcdd8;color: #343231;font-size: 18px;background: url('../images/FAQ_Q.png') no-repeat 7px 50%;background-size: 18px;}
.FAQWrap .accordionConts{padding: 20px 30px 80px 30px;display: none;background-color: #f3f3f9;border-bottom: 1px solid #cfcdd8;color: #595856;font-size: 15px;position: relative;word-break: break-word;}
.FAQWrap .accordionConts.on{display: block}
.FAQWrap .stautsBtn{position: absolute;right: 0;top: 8px;background: url('../images/FAQ_plus.png') no-repeat 50% 50%;text-indent: -9999px;width: 40px;height: 40px;background-size: 40px;cursor:pointer;}
.FAQWrap .on .stautsBtn{background-image: url('../images/FAQ_minus.png')}

.FAQWrap .contentsInfo{position: absolute;right: 40px;bottom: 11px;font-size: 0;}
.FAQWrap .contentsInfo span{display: inline-block;font-size: 14px;margin-left: 10px;color: #534d77;position: relative;}
.FAQWrap .contentsInfo span:first-child:before{content:'';position: absolute;right: -6px;top: 4px;bottom: 0;width: 1px;height: 70%;background: rgba(89, 88, 86, 0.3);}

/*==================================================================
// 이용자 가이드
// 활용예제서비스
//=================================================================*/
.useExampleWrap{}

/* 상세보기 */
/* .useExampleContWrap{border-top: 1px solid #eaeaea;margin-bottom: 100px;} */
.useExampleContWrap .useExampleCont{overflow: hidden;margin-top: 15px;}
.useExampleContWrap .buttonArea {padding:0;}
.useExampleContWrap .buttonArea a{border: 1px solid #5d5f81; background-color:#fff; color:#5d5f81; padding-left: 30px;background:url('../images/icon_arrow02.png') no-repeat 10px 50%; background-size: 10px;}


/*==================================================================
// Open API
//=================================================================*/
.OpenAPIWrap{}

/* .openAPIContents {margin: 40px 0;} */
.openAPIContents:last-child{margin-bottom:0}
.openAPIContents article {border-radius: 0;overflow: initial;border-bottom: 1px solid #efefef;}
/* .openAPIContents article:first-child{margin-top:80px;} */
.openAPIContents article:last-child{border-bottom: 0;margin-bottom:15px;}
.last .openAPIContents article:last-child{margin-bottom:0px;}
.openAPIContents article h2 {font-size: 20px;display: block;margin: 20px 0 0;font-weight: 700;}
.openAPIContents article h2:after {content: '';width: 30px;height: 3px;background-color: #a6a4ca;position: relative;display: block;margin: 20px 0;border-radius: 30px;}
.openAPIContents article p {font-size: 15px;line-height: 22px;}
.openAPIContents article p a {color: #19bcd2;font-weight: bold;text-decoration: underline;}
.openAPIContents article p a:hover { color: #333;   }
.openAPIContents article ul {font-size: 0;}
.openAPIContents article ul li {display: inline-block;position: relative;background: url(../images/step_arrow.png) 255px center no-repeat #fff;background-size: 6%;}
.openAPIContents article ul.useList li {width: 285px;}
.openAPIContents article ul li:last-child{background: none;width:245px;}
.openAPIContents article ul li span {   }
.openAPIContents article ul li span.number {width: 37px;height: inherit;background-color: #f1b84d;border-radius: 5px 0 0 5px;color: #fff;display: block;text-align: center;font-size: 25px;font-family:"Century Gothic", Arial;position: absolute;left: 0;top: 0;bottom: 0;padding-top: 29px;font-weight: bold;}
.openAPIContents article ul li span.text {width: 243px;display: inline-block;font-size: 16px;background-color: #f9e1b2;color: #595856;text-align: center;border-radius: 5px;vertical-align: middle;margin-right: 40px;padding: 21px 0 21px 27px;}
.openAPIContents article ul li:last-child span.text {margin: 0;  }

.openAPIContents article table {width: 100%;}
.openAPIContents article table tr {border-bottom: 1px solid #ccc;}
.openAPIContents article table tr th {font-size: 14px;text-align: center;padding: 8px 20px;background-color: #f2f4f3;border: 1px solid #e0e4e5;}
.openAPIContents article table tr td {text-align: center;font-size: 15px;padding: 10px 0;border: 1px solid #e0e4e5;}
.openAPIContents article table tr td ul {text-align: left;padding-left: 15px;}
.openAPIContents article table tr td ul li {display: block;padding: 7px 0 0 10px;font-size: 15px;background: none;color: #585858;}
.openAPIContents article table tr td ul li:before {content: '';display: inline-block;position: absolute;left: 0;top: 17px;width: 3px;height: 3px;background-color: #333;border-radius: 50%;} 
.openAPIContents article table tr td ul ul {padding: 3px 0 0 20px;font-size: 12px;}
.openAPIContents article table tr td ul ul li {font-size: 14px;}
.openAPIContents article table tr td ul ul li:before {content: '-';background: none;top: 5px;}



.openAPIContents{border: 0;padding: 0;}
.openAPIContents .tabs ul {padding: 8px 11px 0  11px;background-color: #f2f4f3;border-radius: 0;}
.openAPIContents .tabs ul li {border-bottom-right-radius: 0;border-bottom-left-radius: 0;border: 0;background-color: #ddd;margin-right: 3px;}
.openAPIContents .tabs ul li.ui-tabs-active {border: 0px solid #fff !important;border-bottom: 0;background-color: #fff !important;}
.openAPIContents .tabs ul li:hover { background-color: #fff;  }
.openAPIContents .tabs ul a {color: #333;min-width: 130px;font-size: 14px;}
.openAPIContents .tab {padding: 20px;border: 1px solid #e0e4e5;border-top: 0;border-radius: 0;}
.openAPIContents .tab table {    }
.openAPIContents .tab table tr {    }
.openAPIContents .tab table tr th {border-top: 1px solid #ddd;border-bottom: 1px solid #dd;}
.openAPIContents .tab table tr td {font-size: 14px;text-align: center;}
.openAPIContents .tab h3 {font-size: 18px;/* font-weight: bold; */color: #389aa7;margin: 0 0 5px 0;}
.openAPIContents .tab p {font-size: 14px;padding: 0 0 20px 0;}
.openAPIContents .tab textarea {width: 100%;height: 300px;border-radius: 5px;padding: 20px;border: 1px solid #ccc;background-color: #eee;line-height: 20px;}

.openAPIContents .requestInput {border: 1px solid #d2d7da;background-color: #f2f4f3;width: 720px;margin-top: 20px;border-radius: 5px;}
.openAPIContents .requestInput dl {display: block;padding: 10px 0 10px 10px;border-bottom: 1px solid #fff;}
.openAPIContents .requestInput dl:nth-child(3){border-bottom: 0;}
.openAPIContents .requestInput dl dt {font-size: 16px;display: inline-block;width: 20%;vertical-align: middle;color: #585856;padding-left: 14px;}
.openAPIContents .requestInput dl dt span { color: #ff3300; font-size: 12px;  }
.openAPIContents .requestInput dl dd {display: inline-block;vertical-align: middle;}
.openAPIContents .requestInput dl dd input[type="text"]{padding: 6px 10px;width: 530px;font-size: 14px;border-radius: 5px;border: 1px solid #d6dbde;}
.openAPIContents .requestInput input[type="button"] {   }
.openAPIContents .requestBtn {border: 0;border-top: 1px solid #cfd4d7;font-size: 16px;padding: 14px 40px;cursor: pointer;width: 100%;color: #595957;font-weight: bold;}
.openAPIContents .requestBtn:hover {}
.openAPIContents .requestInput textarea {padding: 6px 10px;width: 530px;font-size: 14px;border-radius: 5px;border: 1px solid #d6dbde;height: 100px;}
.openAPIContents p.alert {border: 1px solid #d2d7da;background-color: #f2f4f3;padding: 50px 20px;border-radius: 10px;width: 720px;text-align: center;display: block;font-size: 16px;}
.openAPIContents .alert span.alertIcon {display: block;width: 70px;height: 70px;background-color: #595957;margin: 0 auto 15px auto;border-radius: 210px;color: #fff;font-size: 44px;line-height: 76px;font-family: century gothic, sans-serif;font-weight: b;}
.openAPIContents .alert span.text  {  }


.OpenAPIWrap .OpenAPIMenu{font-size: 0;margin-top:0px;}
.OpenAPIWrap .OpenAPIMenu li{display: inline-block;width: 33.3333%;text-align:center}
.OpenAPIWrap .OpenAPIMenu li a{display: block;font-size: 16px;padding: 12px 0;background-color: #f9e1b2;border: 1px solid #fff;border-right:0px;color: #595856;}
.OpenAPIWrap .OpenAPIMenu li a:hover, .OpenAPIWrap .OpenAPIMenu li a.on{background-color:#f1b84d; color:#fff}
.OpenAPIWrap .OpenAPIMenu li:first-child a{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.OpenAPIWrap .OpenAPIMenu li:last-child a{border-top-right-radius:10px;border-bottom-right-radius:10px;border-right: 1px solid #fff;}

.OpenAPIWrap .ui-widget.ui-widget-content{border: 0;}
.OpenAPIWrap .ui-tabs{padding: 0;}
.OpenAPIWrap .tabs{margin-bottom: 30px;}
.OpenAPIWrap .tabs:last-child{margin-bottom: 10px;}


/*==================================================================
// 빅데이터_비교분석
// 색상칩
//=================================================================*/

span.color{width: 12px;height: 12px;display:inline-block;margin-right: 5px;vertical-align: middle;border-radius: 2px;opacity: 0.9;}
span.color.all{background-color:#687588}
span.color.col1{background-color:#f3916b;border: 1px solid #e1825d;}
span.color.col2{background-color:#e86e6e;border: 1px solid #d36565;}
span.color.col3{background-color:#d972b7;border: 1px solid #bc5c9c;}
span.color.col4{background-color:#7472be;border: 1px solid #5e5ca7;}
span.color.col5{background-color:#6985c9;border: 1px solid #546fb0;}
span.color.col6{background-color:#5e9ebf;border: 1px solid #5088a5;}
span.color.col7{background-color:#4eaa9c;border: 1px solid #438f83;}



/* employee_info */
.employee_info{margin: 0 auto;max-width:1140px;text-align: left;border-top: 1px solid #e4e4e4;padding: 30px 0;color: #666;}
.employee_info a{font-weight: 700;color: #f76d00;text-decoration: underline;}
.employee_info .fa-info-circle{display: inline-block;margin-right: 5px;}

.employee_info_top{text-align: center;border-top: 1px solid #e4e4e4;padding: 15px 0;color: #666;}
.employee_info_top a{font-weight: 700;color: #2cadc7;text-decoration: underline;}
.employee_info_top .fa-info-circle{display: inline-block;margin-right: 5px;}

/* add */
/* article{

    width: 1140px;
    background-color: #fff;
    border-radius: 10px;
    padding: 14px 16px;
    line-height: 12px;
} */