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

/*==================================================================
// commonClass
//=================================================================*/

.height_inherit{height: inherit}

.floatLeft{float: left;}
.floatRight{float: right;}

.ta_center{text-align: center;}
.ta_right{text-align: right;}
.ta_left{text-align: left;}

/* float clear */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { height: 1%; }
.clearfix {display: block;}

.posiRelative{position: relative;}

/* tab MENU CSS */
.tab {  }
.tab li { float:left; text-align:center; box-sizing:border-box; }
.tab li { display:inline-block; cursor:pointer; }
.tab li a{display: block}
.tab_con {}
.tab_con .tabView { display:none; }
.tab_con .tabViewOn{display: block;}

.fontSize_0{font-size: 0;}

.text_hidden{text-indent:-9999px; font-size: 0;}

.pdTB_15{padding-bottom: 17px;}
.pdLR_15{padding: 0px 15px;}
.pdLR_15:nth-child(2){padding: 20px;}

.padt30{padding-top: 35px !important;}
.box_shadow{background-color:#fff;}

/*==================================================================
// layout
//=================================================================*/
/*=========  header =========*/
header{position:relative;border-top: 2px solid #4e4996;padding: 10px 15px;background: #fff;}
header .headerLogo{display: inline-block;width: 25%;max-width: 140px;}
header .headerLogo img{width: 100%;vertical-align: middle;}
header .menuTitle{display: inline-block;margin-left: 16px;padding-left: 16px;position: relative;font-weight: 600;color: #666;font-size: 18px;}
header .menuTitle:before{content:'';position: absolute;left: 0;top: 0;bottom: 2px;width: 1px;background-color:#666;}

section#contentsWrap{background-color: #FFFFFF;}

nav.quickMenuWrap{height: 64px;position: fixed;left: 0;bottom: 0;right:0;background-color:#fff;border-top: 1px solid #ececec;box-shadow: 0px 0px 8px rgba(0,0,0,0.03);z-index: 9;}
nav.quickMenuWrap ul{height: inherit;border-top: 2px solid #b3b3b3;}
nav.quickMenuWrap ul li{float: left;width: 25%;text-align: center;height: inherit; padding-top: 6px;}
nav.quickMenuWrap ul li a{display: block;position: relative;font-size: 11px;padding-top: 6px;height: inherit;}
nav.quickMenuWrap ul li a:before{content:'';position: relative;display: block;margin: 0px auto 2px;width: 25px;height: 25px;background-repeat: no-repeat;background-position:50% 0;background-size: 25px;}
nav.quickMenuWrap ul li:nth-child(1) a:before{background-image:url('../images/quickMenu_icon01.png')}
nav.quickMenuWrap ul li:nth-child(2) a:before{background-image:url('../images/quickMenu_icon02.png')}
nav.quickMenuWrap ul li:nth-child(3) a:before{background-image:url('../images/quickMenu_icon03.png')}
nav.quickMenuWrap ul li:nth-child(4) a:before{background-image:url('../images/quickMenu_icon04.png')}
nav.quickMenuWrap ul li.on a {color:#19516b}
nav.quickMenuWrap ul li.on a:before{background-position: 50% bottom;}

.contentsBox{}

.contentsBox h4{font-size: 18px;padding: 25px 20px 14px;font-family:NotoSansKR-Medium;font-weight:700;}
.contentsBox h4 span{color:#C1597C;font-family: 'NotoR';}
.box_shadow:nth-child(6) h4{margin-bottom: 12px;}
.box_shadow:nth-child(7) h4{margin-bottom: 12px;}
h4.border_none{border-bottom:none;}



/*==================================================================
// chart
//=================================================================*/
.chartArea{min-height: 550px;}
.chartHeight_01{}
.chartHeight_02{}

.chartTypeArea {overflow: hidden;padding: 0 15px;margin-top: 15px;}
.chartTypeArea ul {  overflow: hidden; display: block; }
.chartTypeArea ul li {   overflow: hidden; display: block; float: left;}
.chartTypeArea ul li input[type="radio"]{display: none;}
.chartTypeArea ul li label {width: 36px;height: 36px;overflow: hidden;display: block;float: right;cursor: pointer;border-radius: 5px;color: transparent !important;margin: 0 6px 0 0;background: #E8E8F1; background-image:url(../images/chartIconType_v2.png); background-repeat: no-repeat;}
.chartTypeArea ul li label.viewLine {background-position: 3px 8px;}
.chartTypeArea ul li label.viewColoumnClusterd {background-position: -40px 6px;}
.chartTypeArea ul li label.viewColoumnStacked {background-position: -84px 6px;}
.chartTypeArea ul li label.viewColoumnPercent100 {background-position: -127px 6px;}
.chartTypeArea ul li label.viewStacktedArea {background-position: -171px 7px;}
.chartTypeArea ul li label.viewStacktedAreaPercent100 {background-position: -215px 6px;}
.chartTypeArea ul li label.viewDATA {background-position: -260px 7px;}
.chartTypeArea ul li label.viewRelationKeyword {background-position: -303px 6px;}
.chartTypeArea ul li label.viewWordCloud {background-position: -348px 5px;}
.chartTypeArea ul li label.view3D{background-position: -388px 5px;}

/* checked label */
.chartTypeArea ul li input:checked + label , .chartTypeArea ul li label:hover{background-color:#6767A5; background-position-y: -23px;}
.chartTypeArea ul li input:checked label.viewWordCloud{background-position-y: -22px;}
/*==================================================================
// form
//=================================================================*/
.searchFormArea{position: relative;margin: 20px 20px 65px;background-color:#5B50BC;border-radius:10px;padding:10px;}
.searchFormArea input, .searchFormArea select{border: 0;  display: block; background-color: transparent; color:#FFF}
.searchFormArea input::placeholder {color:#19516b}
.searchFormArea .dateInput{}
.searchFormArea .dateInput input{background: url('../images/icon_calendar_2.svg') no-repeat 20% 50%;background-size: 20px;font-size: 16px;   font-weight: 500; width: 100%;font-family: Montserrat Medium;text-align: center;width: fit-content;margin: auto;}

.searchFormArea .periodSelect{float: right;margin-top:-24px;}
.searchFormArea .periodSelect select{padding: 0px 10px;height: 28px;background-size: 7px;font-size: 15px;background-color:#5b50bc;}

.searchFormArea .keywordInput{position: absolute;left: 0px;right: 0px;top: 50px;}
.searchFormArea .keywordInput input[type="text"]{width: 100%;display: inline-block;padding: 10px 15px;background: #FFFFFF;border: 1px solid #EBECF2;border-radius: 10px;color:#41405A;}
.searchFormArea .keywordInput input::placeholder {color:#BEBEBE;}
.searchFormArea .srchClickArea {width: 23px;height: 23px;right: 10px;top: -32px;position: relative;float: right;background: url(../images/search_type2.png) 50% 50% no-repeat;}

.selectArea{}
.selectArea select{width: 100%;padding: 5px 13px;height: 40px;border: 1px solid #7291a4;color: #19516b;font-family: 'NotoM';font-size: 16px;background: url('../images/icon_select_arrow.png') no-repeat calc(100% - 10px) 50%;background-size: 15px; background-color:#fff}


.searchBoxArea {display: none;position: absolute;border: 1px solid #a2aeb2;background-color: #fff;left: 0px;right: 0px;top: 98px;z-index: 1000;}
.searchBoxArea h4 {display: block;overflow: hidden;font-size: 16px;text-align: left; color: #000;padding: 13px 13px;margin: 0 0 4px  0;border-bottom: 1px solid #a9becc;background: #fff;}
.searchBoxArea h4 span {font-weight: bold;color: #c3558e;}
.searchBoxArea h4 span.close {position: absolute;top: 10px;right: 11px;}
.searchBoxArea h4 span.close a {color: #a2aeb2;border: 0;width: 20px;height: 20px;line-height: 20px;text-align: center;background-color: #fff;display: block;overflow: hidden;font-weight: normal;font-size: 13px;font-family: Helvetica Neue, Arial, sans-serif;}

.searchBoxArea .searchBox_table{font-size: 13px;text-align: center; border-bottom: 1px solid #e6ebef}
.searchBoxArea .searchBox_table th, .searchBoxArea .searchBox_table td{padding: 10px 5px;}
.searchBoxArea .searchBox_table th{border-bottom: 1px solid #e6ebef}
.searchBoxArea .searchBox_table td em{font-weight: bold;color: #c3558e;background-color: #fff5ed;padding: 2px 4px;}

/*==================================================================
// page Nation
//=================================================================*/
.navigation {display: block;text-align: center;padding: 10px 0 10px 0;}
.navigation a {border: 1px solid white;padding: 5px 11px;margin: 0 5px 0 0;font-size: 15px;border-radius: 18px;display:inline-block;;color: #717171;}
.navigation a.pprev, .navigation a.prev, .navigation a.next, .navigation a.nnext{height: 20px;width: 20px;display: inline-block;text-indent: -9999px;margin-top: 7px;padding: 0;background: url(../images/pagenation.png) 0px center no-repeat;border:none; background-color:white; border-radius:5px}
.navigation a.pprev:active, .navigation a.prev:active, .navigation a.next:active, .navigation a.nnext:active{border:none; background-color:#f1f1f1; border-radius:5px}
.navigation a.pprev{background-position: 5px center;}
.navigation a.prev{background-position: -13px center;}
.navigation a.next{background-position: -31px center;}
.navigation a.nnext{background-position: -49px center;}
.navigation a.selected, .navigation a:active  {background-color: white;color: #1f689e;font-weight: bold;border: 1px solid #4185b7;}

/*==================================================================
// data List
//=================================================================*/
.dataView_list{}
.dataView_list ul{margin: 0 15px;}
.dataView_list ul.new_list{height:177px}
.dataView_list ul.keyword_list{height:200px}
.dataView_list ul.more_list{}
.dataView_list ul.more_list.on{max-height:520px;overflow-y: hidden;}
.dataView_list ul li{padding: 20px 0px 20px 50px;position: relative;border-bottom: 1px solid #eee;}
.dataView_list ul li:last-child{border: none;}
.dataView_list ul li.link_list {padding: 12px 12px 12px 0px;}
.dataView_list ul li .view_picture{position: absolute;transform:translate(-3%, -50%); top:50%; left:3%; border-radius: 10px;width: 32px;}
.dataView_list ul li .view_picture img{width: 100%;border-radius: 5px;}
.dataView_list ul li .view_index{position: absolute;transform:translate(-3%, -50%); top:50%; left:3%; border-radius: 10px;width: 22px;text-align: center;font-size: 14px;}
.dataView_list ul li .view_number{width: 20px;text-align: center;font-size: 14px;margin-right: 10px;}
.dataView_list ul li span{display: inline-block;vertical-align: middle; font-size: 14px;}

.contentsBox .noData .dataView_list ul li{padding-left:0;text-align:center}

.dataView_list ul li .view_info{position: relative;}
.dataView_list ul li .view_info span{ }
.dataView_list ul li .view_info .title{font-size: 15px;font-family: 'NotoR';color: #606060;margin: 0 10px 0 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom: 10px;}
.dataView_list ul li .view_info .userName{color: #5895d3;padding-left: 17px;background: url(../images/icon_user.png) 0px 0px no-repeat;margin-right: 10px;}
.dataView_list ul li .view_info .userName.commttiName{padding-left: 0; background: none;}

.dataView_list ul li .view_info .date{}
.dataView_list ul li .view_info .contentMore{position: absolute;bottom: 3px;right: 10px;padding-right: 15px;color: #777;font-family: 'NotoL';font-size: 13px;text-decoration: underline;}
.dataView_list ul li .view_info .contentMore:after{content:'';display: block;position: absolute;top: 6px;right: 0;width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid #666;}
.dataView_list ul li .view_text{word-break: keep-all;color: #666;margin-top: 7px;}
.dataView_list ul li .view_text b {color: #6863ac;font-weight: bold;background-color: #eae9fc;padding: 0 4px;}
.dataView_list ul li .view_text a {line-height: 21px;}
.dataView_list ul li .view_title{font-size: 15px;font-family: 'NotoR';color: #606060;max-width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dataView_list ul li .link{display: inline-block;width: 30px;padding-top: 30px;border-radius: 50%;background-image: url('../images/linkIcon3.svg');background-position: -18px 50%;background-repeat: no-repeat;background-color: #E4E4E4;position: absolute;right: 10px;top: 50%;margin-top: -15px;    background-size: 45px;}
.dataView_list .dataView_bottom{margin-bottom: 10px;padding-bottom: 21px;}
.moreBtn_area{margin: 0 15px;}
.moreBtn_area .more_btn{text-indent:-9999px; font-size: 0; display: block; background: url('../images/icon_select_arrow_b.png') no-repeat 50% 50%;background-size: 15px;background-color:#e6e6e6; height:30px; border-radius: 0 0 7px 7px; cursor:pointer}


.moreBtn_area .more_btn.close{
-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
	border-radius: 7px 7px 0 0 ;
}



/*==================================================================
// monitorring
//=================================================================*/

/* mornitoringCardWrap */
.mornitoringCardWrap{margin-top: 6px;}
.mornitoringCardWrap .mornitoringCard{float: left; width : 100%;}
.mornitoringCardWrap .mornitoringCard h5{border-bottom: 0px;padding: 9px 20px;line-height: initial;font-size: 18px;font-weight: 700;color:#41405A;font-family:NotoSansKR-Medium;}
.mornitoringCardWrap .mornitoringCard ul{margin:20px;}
.mornitoringCardWrap .mornitoringCard ul li{padding: 10px; border: 1px solid #2BBCD0; width:calc(100% / 3 - 7px);display:block;text-align:center;float:left;}
.mornitoringCardWrap .mornitoringCard ul li.on {background-color:#EAFAFC;}
.mornitoringCardWrap .mornitoringCard ul li:first-child{border-right:0px;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.mornitoringCardWrap .mornitoringCard ul li#lawTabLi{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.mornitoringCardWrap .mornitoringCard ul li#groupTabLi{border:1px solid #FFA600;border-radius:10px;margin-left:20px;}
.mornitoringCardWrap .mornitoringCard ul li#groupTabLi.on {background-color:#FFEECF;}
.mornitoringCardWrap .mornitoringCard ul li a {display: block; font-size: 0;}
.mornitoringCardWrap .mornitoringCard ul li i{display: block;width: 29px;height: 28px;vertical-align: middle;background-repeat: no-repeat;margin: 0px auto;}
.mornitoringCardWrap .mornitoringCard ul li i.keywordIcon{background-position-x: -18px;}
.mornitoringCardWrap .mornitoringCard ul li i.committeeIcon{background-image: url('../images/monitoring_type1.png');}
.mornitoringCardWrap .mornitoringCard ul li i.lawIcon{background-image: url('../images/monitoring_type2.png');}
.mornitoringCardWrap .mornitoringCard ul li i.groupIcon{background-image: url('../images/monitoring_type3.png');}

.mornitoringCardWrap .mornitoringCard ul li.on i.keywordIcon{background-position-x: 9px;}

.mornitoringCardWrap .mornitoringCard ul li span{display: inline-block;font-size: 13px;vertical-align: middle;color: #6F797F;}
.mornitoringCardWrap .mornitoringCard ul li.on span{}


.mornitoringCardWrap .mornitoringCard ul li.disabled{}
.mornitoringCardWrap .mornitoringCard ul li.disabled i{opacity: 0.28;background-color: #dcdcdc;}
.mornitoringCardWrap .mornitoringCard ul li.disabled span{color: #ddd;}


.mornitoringCardWrap .mornitoringCard.card_view{}
.mornitoringCardWrap .mornitoringCard.card_view h5{color: #54539b; border-color:#a5a4c8}
.mornitoringCardWrap .mornitoringCard.card_view ul{}
.mornitoringCardWrap .mornitoringCard.card_view ul li{border-right: 1px solid #ececec}
.mornitoringCardWrap .mornitoringCard.card_view ul li a {}
.mornitoringCardWrap .mornitoringCard.card_view ul li.on i{background-color:#e1e0ee}
.mornitoringCardWrap .mornitoringCard.card_view ul li.on span{color:#54539b}

.mornitoringCardWrap .mornitoringCard.card_type{}
.mornitoringCardWrap .mornitoringCard.card_type h5{color: #41405A;font-family:NotoSansKR-Medium;font-size:14px;}
.mornitoringCardWrap .mornitoringCard.card_type h5 span {font-size:18px;color:#FF7156;font-family: Montserrat Medium;}
.mornitoringCardWrap .mornitoringCard.card_type ul{}
.mornitoringCardWrap .mornitoringCard.card_type ul li{}
.mornitoringCardWrap .mornitoringCard.card_type ul li a {}
.mornitoringCardWrap .mornitoringCard.card_type ul li.on i{}
.mornitoringCardWrap .mornitoringCard.card_type ul li.on span{color:#8d477b}

/* keywordSlide */
.keywordArea {border: 1px solid #F2F2F3;border-radius: 10px;margin: 20px 20px 15px;padding: 10px 20px 20px 20px;background-color: #FFFFFF;}
.keywordArea.Guest {margin-top:10px;}
.keywordSlide {background-color:#FFF;}
.keywordSlide .slide_title{color:#41405A;font-size: 17px;font-weight: 400;font-family: 'NotoM'; padding: 10px 13px;letter-spacing: -0.5px;}
.keywordSlide .slideshow-container {position: relative;width: 100%;display: inline-block;overflow: hidden;padding: 0 30px;}
.keywordSlide .keywordSlider {text-align: center;clear: both;width: 100%;position: relative;padding: 0px;overflow: hidden;height: 28px; background-color:#fff;border-bottom: 1px solid #ececec; }
.keywordSlide .keywordSlider .slick-list{height: inherit;overflow: hidden;}
.keywordSlide .keywordSlider .slick-track{height: inherit;vertical-align: middle;}
.keywordSlide .keywordSlider li{float: left;color: #848484;padding: 0px 0px;font-size: 15px;font-weight:500;word-break: keep-all;height: inherit;display: table;font-family:NotoSansKR-Medium;}
.keywordSlide .keywordSlider li a{word-break: keep-all;vertical-align: text-bottom;display: table-cell;vertical-align: middle;}
.keywordSlide .keywordSlider li.on a{color:#19516b;font-weight: bold;font-family: 'NotoM'; letter-spacing: -0.5px;}

/* Next & previous buttons */
.keywordSlider .slick-arrow {cursor:pointer;display: none !important;width: 20px;height: 20px;border: 0;position: absolute;top: 16px;font-size: 0;text-indent: -9999px;background-image:url('../images/slider_arrow.png');background-repeat: no-repeat;z-index: 2;background-size: contain;background-color: #fff; outline: none;}
.keywordSlider .slick-arrow.slick-prev{left: 10px;background-position: left 50%;}
.keywordSlider .slick-arrow.slick-next {left: calc(100% - 30px);transform: rotate(180deg);}

.mainKeywordSlide .keywordSlider {display:none;}

.viewTab_con{}
.viewTab_con .viewTab_table{width: 100%; }
.viewTab_con .viewTab_table th, .viewTab_table td{padding: 7px 5px;font-family: Montserrat Regular;font-size:17px;font-weight:600;}
.viewTab_con .viewTab_table th, .viewTab_table tr.selected {color:#5B50BC;}
.viewTab_table tr td.numberFont:first-child {width:33px;}
.viewTab_table tr td.numberFont:last-child {width:33px;background-image:url('../images/arrow_right_gray_22.png');background-repeat: no-repeat;background-position:50% 50%;}
.viewTab_table tr td.numberFont:last-child .new{display:none;}
.viewTab_table tr td.numberFont:last-child span{display:none;}

.viewTab_con .viewTab_table thead th {border-bottom: 1px solid #ececec}
.viewTab_con .viewTab_table thead th:nth-child(1){text-align: left; font-size: 16px; color:#333}
.viewTab_con .viewTab_table thead th:nth-child(2){text-align: right; color:#467596}
.viewTab_con .viewTab_table tbody td{padding: 8px 0;}
.viewTab_con .viewTab_table tbody td:nth-child(1){color:#509dc5;font-weight: bold;width:38px;padding-left: 15px;}
.viewTab_con .viewTab_table tbody td:nth-child(2){text-align: left;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;max-width: 100px;}
.viewTab_con .viewTab_table tbody td:nth-child(3){text-align: right;width: 22%;padding-right: 15px;color:#767676; font-size: 12px;}
.viewTab_con .viewTab_table .newText{color: #ea706a;text-transform: uppercase;}

.viewTab_con .viewTab_table .upText,  .viewTab_con .viewTab_table .downText{}
.viewTab_con .viewTab_table .upText{color: #ea706a;}
.viewTab_con .viewTab_table .downText{color: #4e72de;}


.viewTab_con .viewTab_table  td.selected{color: #509dc9;font-weight: 700;}




.viewTab_con .grouppingSlide{padding-top: 15px;width: 100%;overflow: hidden;margin: 0 auto;}
/* .viewTab_con .grouppingSlide .slick-list{width: 400% } */
.viewTab_con .groupBox{float:left;}
.viewTab_con .groupBox .groupTitle{color:#666; font-family: 'NotoR'; padding: 0 0 10px 34px; border-bottom: 1px solid #ececec;font-size:19px;line-height:20px;font-weight:800;}
.viewTab_con .groupBox ul{overflow: hidden;/* overflow-y: auto;max-height: 198px; */}
.viewTab_con .groupBox ul li{font-size :0;  padding: 5px 12px;  margin-bottom: -1px;}
.viewTab_con .groupBox ul li span{display: inline-block;vertical-align: middle;font-family: Montserrat Regular;font-size: 17px;font-weight: 600;}
.viewTab_con .groupBox ul li .indexText{color:#509dc5;margin-right: 3px;width: 18px;text-align: center;}
.viewTab_con .groupBox ul li .groupText{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;max-width: 50%;color: #333;margin-right: 5px;}
.viewTab_con .groupBox ul li .groupText.selected{color:#509dc5}
.viewTab_con .groupBox ul li .dateText{font-size: 13px;display: block;font-size: 13px;margin-left: 22px;}

/* Next & previous buttons */
.grouppingSlide .slick-arrow {cursor:pointer;display: inline-block;width: 20px;height: 20px;border: 0;position: absolute;top: 50%;margin-top: -10px;font-size: 0;text-indent: -9999px;background-image:url('../images/slider_arrow.png');background-repeat: no-repeat;z-index: 2;background-size: contain;background-color: #fff;outline: none;}
.grouppingSlide .slick-arrow.slick-prev{left: 0px;top:35px;background-position: left 50%;}
.grouppingSlide .slick-arrow.slick-next {right: 0px;top:25px;transform: rotate(180deg);}


/* dataTable */
.dataTable {margin: 10px 0 0 0;clear: both;}
.dataTable table {min-width: 100%;}
.dataTable table thead {/* border-right: 1px solid #ccc; */}
.dataTable table thead tr {   }
.dataTable table thead th {font-size: 12px;white-space: nowrap;text-align: center;padding: 10px 20px;border-top: 1px solid #D4D4D2;background-color: #7995A6;height: 39px;font-weight: bold;color: #fff;}
.dataTable table thead td {   }

.dataTable table tbody {   }
.dataTable table tbody tr {   }
.dataTable table tbody th {white-space: nowrap;padding: 10px 20px;text-align: center;font-size: 12px;background-color: #f3f3f3;border-bottom: 1px solid #ccc;width: 150px;font-weight: bold;/* border-right: 1px solid #ccc; */color: #333;}
.dataTable table tbody td {border-bottom: 1px solid #e8e8e8;text-align: center;font-size: 12px;padding: 10px 20px;height: 38px; word-break: inherit;}


/*==================================================================
// subPage Common
//=================================================================*/
/*=========  relationKeywordAnalysis :  연관어분석=========*/

.relationKeywordAnalysis .relationTableArea{padding: 0 15px;}
.relationKeywordAnalysis .relation_table{background-color: #fff;text-align: left;color: #666666;}
.relationTableArea table thead {}
.relationTableArea table thead tr {   }
.relationTableArea table thead th {font-size: 12px;white-space: nowrap;background-color: #b8c8d1;height: 39px;font-weight: bold;color: #fff;text-align: center;}
.relationTableArea table thead td {   }

.relationTableArea table tbody td:nth-child(1),
.relationTableArea table tbody td:nth-child(3),
.relationTableArea table tbody td:nth-child(5){text-align:center}

.relationTableArea table tbody td:nth-child(1),
.relationTableArea table tbody td:nth-child(5){font-family:"Century Gothic", Arial, sans-serif; }
.relationTableArea table tbody {   }
.relationTableArea table tbody tr {   }
.relationTableArea table tbody tr:nth-child(2n){background-color:#eef2f5}
.relationTableArea table tbody th {white-space: nowrap;padding: 10px 20px;text-align: center;font-size: 12px;background-color: #f3f3f3;border-bottom: 1px solid #ccc;width: 150px;font-weight: bold;/* border-right: 1px solid #ccc; */color: #333;}
.relationTableArea table tbody td {padding: 10px 5px;font-size: 13px;}
.relationTableArea table tbody td span {width: 104px;display: inline-block;text-align: left;white-space: nowrap;}
.relationTableArea table tbody td span:before {content: '';display: inline-block;width: 13px;height: 13px;/* border-radius: 50%; */margin: 0 10px 0 0;color: #999;vertical-align: middle;}
.relationTableArea table tbody td span.category1:before {background-color: #f1bc61;}
.relationTableArea table tbody td span.category2:before {background-color: #f3916b;}
.relationTableArea table tbody td span.category3:before {background-color: #7472be;}
.relationTableArea table tbody td span.category4:before {background-color: #718bcc;}
.relationTableArea table tbody td span.category5:before {background-color: #d972b7;}
.relationTableArea table tbody td span.category6:before {background-color: #e86e6e;}
.relationTableArea table tbody td span.category7:before {background-color: #666666;  }
.relationTableArea table tbody td span.category8:before { background-color: #2cadc7;  }
.relationTableArea table tbody td span.category9:before { background-color: #dc67bf;  }
.relationTableArea table tbody td span.category10:before { background-color: #d29696;  }
.relationTableArea table tbody td span.category11:before { background-color: #a57100;  }
.relationTableArea table tbody td span.category12:before { background-color: #56846b;  }
.relationTableArea table tbody td span.category13:before { background-color: #5f62a5;  }
.relationTableArea table tbody td span.category14:before { background-color: #2c2cb4;  }


/*=========  issue History =========*/
/* .issuHis_Wrap{background-color:#ffffff;}
.issuHis_Wrap .issuHis_list{}
.issuHis_Wrap .issuHis_list li{float: left;width: 50%;text-align: center;cursor:pointer;color: #827c8b;}
.issuHis_Wrap .issuHis_list li a{display: block;font-size: 16px;padding: 10px;}
.issuHis_Wrap .issuHis_list li.on a{background-color:#6863ac; color:#fff}
.issuHis_con{max-height: 343px; overflow: hidden; overflow-y: scroll; margin-top: 10px;}

.timeLineBox{padding: 15px 15px 15px 7px;}
.timeLine {position: relative;margin-left: 30px;}
.timeLine:before{content:'';position: absolute;left: 0;top: 0;bottom:0;width: 2px;background-color:#6268a2;z-index: 1;}
.timeLine .item {min-height: 76px;position: relative; margin-bottom: 10px; border-radius: 0 10px 10px 0;}
.timeLine .item:after { content: ''; display: block;  }

.timeLine .item .date {cursor:pointer;position:absolute;width: 46px;height: 46px;line-height: 46px;color:#fff;font-size: 13px;text-align:center;background-color: #848484;border-radius: 15px;margin: 0;font-weight: bold;top: 60px;left: -23px;z-index: 1;}
.timeLine .item .date.selected  {background-color: #6268a2;}

.timeLine .item span{display:inline-block; font-size:14px;vertical-align:middle}

.timeLine .item .news {overflow:hidden;position: relative;}
.timeLine .item .item_head{border-bottom: 1px solid #f3f3f9;font-size: 0;padding: 10px;padding-left: 30px;}
.timeLine .item .item_head img{width: 25px;border-radius:5px;vertical-align: middle;border: 1px solid #f3f3f9;}
.timeLine .item .item_head img.round{border-radius:50%;}


.timeLine .item .item_head .photo{}
.timeLine .item .item_head .media{margin-left: 9px;margin-right: 4px;color:#333;font-size: 16px;font-family: 'NotoM';max-width: 52%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: -1px;}
.timeLine .item .item_head .replyCount{font-size: 14px;color:#444;}

.timeLine .item .item_text{padding: 15px 20px;padding-left: 30px;}
.timeLine .item .item_text a{display: block;}
.timeLine .item .item_text h5{font-size: 16px;line-height: 140%;color: #6268a2;font-family: 'NotoM';}
.timeLine .item .item_text p{margin-top: 10px;word-break: keep-all;color: #333;}
.timeLine .item .item_text em{font-family: 'NotoB';} */

/*=========  sensitive keyword =========*/
.sensibilityCBox{width:48%; height: inherit;display:inline-block;}

/*==================================================================
// my Local
//=================================================================*/
.myLocalWrap{}
.myLocalWrap h3{padding: 35px 10px 15px; font-size: 16px; line-height: 20px; position:relative;}
.myLocalWrap .mapArea{background-color:#b8c8d1; height:0;}
.myLocalWrap .mapArea.mapOn{padding: 10px; height: auto;}
.myLocalWrap .localMapWrap{text-align: center;max-width: 300px;margin: 0 auto;}
.myLocalWrap .localMapWrap .st0{fill:#EFEFEF; stroke:#FFFFFF; transition: all 0.4s; -webkit-transition: all 0.4s;}
.myLocalWrap .localMapWrap .st0:hover {fill:#7a8ab5;}
.myLocalWrap .localMapWrap .selected .st0 {fill:#7a7ab5;}
.myLocalWrap .localMapWrap .st0{fill:#EFEFEF;stroke:#FFFFFF;stroke-width:3;stroke-miterlimit:10;}
.myLocalWrap .localMapWrap .st1{fill:#EFEFEF;stroke:#EFEFEF;stroke-width:3;stroke-miterlimit:10;}
.myLocalWrap .localMapWrap .st2{fill:none;stroke:#424284;stroke-width:1.3313;stroke-miterlimit:10;}
.myLocalWrap .localMapWrap .st3{fill:none;stroke:#424284;stroke-width:1.3313;stroke-miterlimit:10;stroke-dasharray:2.5904,1.7269;}
.myLocalWrap .localMapWrap .st4{fill:#424284;}
.myLocalWrap .localMapWrap .st5{fill:#54539B;stroke:#FFFFFF;stroke-width:4.1776;stroke-miterlimit:10;}

.mylocal_wrap .selectArea_wrap{text-align: right;position: absolute;left: 66%;right: 5px;top: 7px;}
.mylocal_wrap .selectArea{}
.mylocal_wrap .selectArea select{height: 30px;font-size: 14px;}


#extendBtn{display: inline-block;text-indent:-999px;font-size: 0;width: 24px;height: 24px;background: url('../images/icon_extend.png') no-repeat 0 0;position: absolute;top: 34px;z-index:1;right: 15px;}
#extendBtn.on{background-position: right 0;}


/*==================================================================
// committee
//=================================================================*/
.committee_area{position: relative;top: -20px;margin: 0 15px;text-align: center;}
.committee_area .box_shadow{padding: 14px 10px 10px 10px; border-radius: 10px 10px 0 0 ;}

.committeeSelect {display: block;overflow: hidden;padding-top: 10px;font-size: 0; height: 87px }
.committeeSelect li {display: inline-block;font-size: 14px;width: calc(33.333% - 6px);margin: 3px;}
.committeeSelect li input[type="checkbox"] { display: none; }
.committeeSelect li input[type="checkbox"]:checked + label ,
.committeeSelect li label:active {background-color: #6268a2;color:#fff;border-color: #6268a2;}
.committeeSelect li label {font-size: 14px;cursor: pointer;font-weight: normal;border: 1px solid rgba(255,255,255,0);padding: 5px 10px 7px 10px;display: inline-block;vertical-align: middle;border-radius: 5px;background-color: #f9f9f9;color: #827c8b;text-align: center;border: 1px solid #d6d5d5;border-left: 1px solid #ddd;width: 100%;}
.committee_area .moreBtn_area{margin: 0}

.committee_area.full .committeeSelect{height: auto;}
.committee_area.full .moreBtn_area .more_btn{}

.committeeSlide{overflow: hidden;margin: 0 auto;height: 460px;position: relative;}
.committeeSlide .slick-list{height: inherit;}
.committeeSlide .slick-track{height: inherit;}
.committeeSlide .committee_box{float:left;  height: inherit;}

.committeeSlide .slick-dots{font-size: 0;text-align: center;position: absolute;left: 0;right: 0;bottom: 20px;}
.committeeSlide .slick-dots li{display: inline-block;font-size: 0;text-indent: -9999px;margin: 0 5px;}
.committeeSlide .slick-dots li button{display: block;width: 10px;height: 10px;background-color:#e4e4e4;border: 0;text-indent: -9999px;border-radius: 50%;padding: 0;}

.committeeSlide .slick-dots li.slick-active button{background-color:#CC5C8A}


/*==================================================================
// responsibility
//=================================================================*/

@media (min-width: 700px) and (orientation: landscape) {
}


.dataView_list{}

#newsSnsData .dataView_list .tabView, #archive .dataView_list .tabView {display:none;} 
#newsSnsData .dataView_list .tabView.tabViewOn, #archive .dataView_list .tabView.tabViewOn {display:block;}

.dataView_list ul div.viewItem.resultItem{padding: 24px 0px 24px 50px;position: relative;border-bottom: 1px solid #eee;}
.dataView_list ul div.viewItem.resultItem:last-child{border: none;}
.dataView_list ul div.viewItem.resultItem.link_list {padding: 12px 12px 12px 0px;}
.dataView_list ul div.viewItem.resultItem .picture{position: absolute;left: 0;top: 26px;border-radius: 10px;width: 36px;}
.dataView_list ul div.viewItem.resultItem .picture img{width: 100%;border-radius: 5px;}
.dataView_list ul div.viewItem.resultItem .index,.dataView_list ul div.viewItem.resultItem .num{position: absolute;transform:translate(-3%, -50%); top:50%; left:3%; border-radius: 10px;width: 22px;text-align: center;font-size: 14px;}
.dataView_list ul div.viewItem.resultItem .number{width: 20px;text-align: center;font-size: 14px;margin-right: 10px;}
.dataView_list ul div.viewItem.resultItem span{display: inline-block; font-size: 14px;}
.dataView_list ul div.viewItem.resultItem .relationKeywordList {display:none;}
.dataView_list ul div.viewItem.resultItem .info{position: relative;display: inline-block; width: 100%; }
.dataView_list ul div.viewItem.resultItem .info span + .dataView_list ul div.viewItem.resultItem .info span{ margin-right: 5px; }
.dataView_list ul div.viewItem.resultItem .info .title{font-size: 15px;font-family: 'NotoR'; font-weight: 600; color: #606060;margin: 0 10px 0 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom: 3px;}
.dataView_list ul div.viewItem.resultItem .info .userName{float: left;color: #5895d3; height: 50px; padding-left: 17px;background: url(../images/icon_user.png) 0px 2px no-repeat;margin-right: 10px;}
.dataView_list ul div.viewItem.resultItem .info .userName.commttiName{padding-left: 0; background: none;}
.dataView_list ul div.viewItem.resultItem .info .title em{font-weight:600;}
.dataView_list ul div.viewItem.resultItem .info .source{float:left;}
.dataView_list ul div.viewItem.resultItem .info .date{float:left;}
.dataView_list ul div.viewItem.resultItem .info .form{float:left;}
.dataView_list ul div.viewItem.resultItem .info .contentMore{position: absolute;bottom: 3px;right: 10px;padding-right: 15px;color: #777;font-family: 'NotoL';font-size: 13px;text-decoration: underline;}
.dataView_list ul div.viewItem.resultItem .info .newsSummary{position: absolute;bottom: 3px;right: 76px; color: #777;font-family: 'NotoL';font-size: 13px;text-decoration: underline;}
.dataView_list ul div.viewItem.resultItem .info .contentMore:after{content:'';display: block;position: absolute;top: 6px;right: 0;width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid #666;}
.dataView_list ul div.viewItem.resultItem .text{word-break: keep-all;color: #666;margin-top: 7px;}
.dataView_list ul div.viewItem.resultItem .text b {color: #6863ac;font-weight: bold;background-color: #eae9fc;padding: 0 4px;}
.dataView_list ul div.viewItem.resultItem .text a {line-height: 21px; color:#676767 }
.dataView_list ul div.viewItem.resultItem .title{font-size: 15px;font-family: 'NotoR';color: #606060;max-width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dataView_list ul div.viewItem.resultItem .link{display: inline-block;width: 30px;padding-top: 30px;border-radius: 50%;background-image: url('../images/linkIcon3.svg');background-position: -18px 50%;background-repeat: no-repeat;background-color: #E4E4E4;position: absolute;right: 10px;top: 50%;margin-top: -15px;    background-size: 45px;}

.dataView_list ul div.viewItem .text a em, .dataView_list ul div.viewItem .title a em{color: #6863ac; font-weight: bold; background-color: #eae9fc; padding: 0 4px;}



/* 리뉴얼 개인 맞춤형 서비스 프로필 추가 */

*,*:focus,*:hover{outline:none;}

.wrapProfile{margin:15px 15px 0;transition: all 0.3s ease;}
.wrapProfile.closeConts {margin-bottom:0px;}
.wrapProfile.closeConts .innerProfile.__bottom {display:none;}
.wrapProfile .innerProfile {background-color:#FFFFFF;border-radius:7px;}
.wrapProfile .innerProfile.__top .profile{margin:15px 0;}
.wrapProfile .innerProfile.__top .profile.__first{width:100px;padding-left:15px}
.wrapProfile .innerProfile.__top .profile.__first .thumbnailWrapper{width:100%;height:100px;border-radius:7px;overflow:hidden;background-color:#f1f1f1;}
.wrapProfile .innerProfile.__top .profile.__first .thumbnailWrapper .thumbnail{width:100%;}
.wrapProfile .innerProfile.__top .profile.__first .thumbnailWrapper .thumbnail .centered{width:100%;}
.wrapProfile .innerProfile.__top .profile.__first .thumbnailWrapper .thumbnail .centered img{max-width:100%;}
.wrapProfile .innerProfile.__top .profile.__second{width: calc(100% - 100px);padding-right:15px;}
.wrapProfile .innerProfile.__top .profile.__second ul{margin-left:15px;}
.wrapProfile .innerProfile.__top .profile.__second .pInfo li{display:inline-block;color:#000;font-size:16px;}
.wrapProfile .innerProfile.__top .profile.__second .pInfo li:last-child:before{display:inline-block;content:'/';margin-right:3px;}
.wrapProfile .innerProfile.__top .profile.__second .belong{margin-top:10px;position:relative}
.wrapProfile .innerProfile.__top .profile.__second .belong:before{display:block;content:'';position:absolute;left:0;top:0;width:3px;height:100%;background-color:#e0e8ed}
.wrapProfile .innerProfile.__top .profile.__second .belong li{padding-left:5px;margin-top:5px;}
.wrapProfile .innerProfile.__top .profile.__second .belong li > *{float:left;}
.wrapProfile .innerProfile.__top .profile.__second .belong li:first-child{margin-top:0;}
.wrapProfile .innerProfile.__top .profile.__second .belong li:after{display:block;content:'';clear:both}
.wrapProfile .innerProfile.__top .profile.__second .belong li span{width:70px;color:#7291a4}
.wrapProfile .innerProfile.__top .profile.__second .belong li p{width:calc(100% - 70px);color:#31367e}
.wrapProfile .innerProfile.__top:after{display:block;content:'';clear:both}
.wrapProfile .innerProfile.__bottom{margin-top:15px;}
.wrapProfile .innerProfile.__bottom .profile.__third{padding: 0px 0px 0px;}
.wrapProfile .innerProfile.__bottom .profile.__third ul li{margin-top:15px;}
.wrapProfile .innerProfile.__bottom .profile.__third ul li:first-child{margin-top:0px;}
.wrapProfile .innerProfile.__bottom .profile.__third ul li > *{float:left;}
.wrapProfile .innerProfile.__bottom .profile.__third ul li span{width:100px;color: #41405A;}
.wrapProfile .innerProfile.__bottom .profile.__third ul li p{width:calc(100% - 100px);color: #888888;}
.wrapProfile .innerProfile.__bottom .profile.__third ul li:after{display:block;content:'';clear:both}
.wrapProfile .innerProfile.__bottom .profile.__fourth{padding: 15px 0px 5px;}
.wrapProfile .innerProfile.__bottom .profile.__fourth > *{float:left}
.wrapProfile .innerProfile.__bottom .profile.__fourth h5{width:100px;color: #41405A}
.wrapProfile .innerProfile.__bottom .profile.__fourth ul{width: calc(100% - 100px)}
.wrapProfile .innerProfile.__bottom .profile.__fourth ul li{color: #888888;}
.wrapProfile .innerProfile.__bottom .profile.__fourth ul li{margin-top:5px;position:relative}
.wrapProfile .innerProfile.__bottom .profile.__fourth ul li:first-child{margin-top:0}
.wrapProfile .innerProfile.__bottom .profile.__fourth ul li:before{display:inline-block;content:'';position:absolute;left:-8px;top:10px;width:0px;height:0px;background-color:#434343;}
.wrapProfile .innerProfile.__bottom .profile.__fourth:after{display:block;content:'';clear:both}
.wrapCloseBtn.forProfile{margin: 0 15px 15px}
.wrapCloseBtn.forProfile button{width: 100%;height: 30px;background-color: #aabecc;border: none;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;}
.wrapCloseBtn.forProfile button span{color:#fff;font-size:12px}
.wrapCloseBtn.forProfile button span .openTxt{display:none;background: url(../images/icon_profile_arrow_b.png) no-repeat 50% 50%;background-size: 15px;background-position-x: right;padding-right: 18px;}
.wrapCloseBtn.forProfile button span .closeTxt{background: url(../images/icon_profile_arrow_u.png) no-repeat 50% 50%;background-size: 15px;background-position-x: right;padding-right: 18px;}
.wrapProfile.closeConts + .wrapCloseBtn button span .openTxt{display:inline-block}
.wrapProfile.closeConts + .wrapCloseBtn button span .closeTxt{display:none;}


/*로그아웃 버튼*/
.btnMLogout{position:absolute;right:15px;top:17px;width:6%;height:auto;background: url(../images/icon_m_logout.png) no-repeat;background-size:contain;border:none;font-size:10px;color:transparent;}


/* 법률질의 페이지  */
.sectionBox.tySrch .srchBox input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border: 2px solid #5B50BC;
    border-radius: 11px;
    font-size: 16px;
    color: #41405A;
}
.input_txt02 {
    padding: 0 3px 3px 3px;
    color: #666666;
    border: 1px solid #fff;
    vertical-align: middle;
    display: inline-block;
}
.sectionBox.tySrch .srchClickArea {
  /*   position: absolute; */
    right: 15px;
    top: 13px;
    width: 26px;
    height: 26px;
    margin-top: 0;
    background: url(/resources/main/images/icon_sprite_sub.png) no-repeat -247px -46px;
    font-size: 13px;
    border: none;
}
/* .srchClickArea {
    border: 1px;
    height: 30px;
    width: 30px;
    float: right;
    margin-top: 10px;
    left: 660px;
    position: absolute;
    cursor: pointer;
}  */
.sectionBox.tySrch .srchBox input[type="button"] {
    /* position: absolute; */
    right: 15px;
    top: 13px;
    width: 26px;
    height: 26px;
    background: url(/resources/main/images/icon_sprite_sub.png) no-repeat -247px -46px;
    font-size: 0;
    border: none;
}


/*.scrollbarWrap .viewport 2단나열 디자인*/
.viewport .overview .cardList{display: flex; flex-wrap: wrap;}
.viewport .overview .cardList .viewItem{flex: 1 1 40%; border-radius: 20px; border:1px solid #E5E7EE; margin-bottom:1%; padding: 14px; }