@charset = "utf-8";

.analyticsW .contentTopInfo2 > div{padding-left:145px;background-image:url(../images/analyticsIco.png);}
.analyticsW table tbody tr td a.title{color:#222!important;}
.analyticsW table tbody tr td .etc{display:block;margin-top:3px;}
.analyticsW table tbody tr td .etc span{display:inline-block;margin-left:8px;padding-left:9px;color:#888;font-size:13px;background:url(../../search/images/etcBar.png) no-repeat left center;}
.analyticsW table tbody tr td .etc span:first-child{margin-left:0;padding-left:0;background:none;}
.analyticsW table tbody tr td.pd20{padding:15px 20px;}
.analyticsW ul.innerTab > li > a{min-width:90px}

.analyticsW .innerCont h3.title{margin-bottom:12px;color:#141414;font-size:16px;font-family:NotoSansKR;}
.analyticsW .innerList{margin:0 10px;}
.analyticsW .innerList li{color:#787878;font-size:14px;line-height:22px;}
.analyticsW .innerList.bgn li{padding-left:0;background:none;}
.analyticsW table tbody td.tdBg2{background-color:#fff8f4;}
.analyticsW .tabContW{padding-top:50px;}
.analyticsW .tabContW .cont{margin:0 20px;}
.analyticsW ul.innerTab.type3 li > a{padding:17px 12px 16px;font-size:14px;letter-spacing:-0.5px}
.analyticsW .tabCont{margin-top:20px;}

/*자료현황*/
.chartBox{display: inline-block;margin-top:10px;background: #ffffff;width:100%;padding:30px 15px 20px;border:1px solid #ddd;}
.chartBox ul li { display: inline-block;padding:34px}
.chartBox ul li.docT {background:url('../images/ra_icon_1.png') top center no-repeat}
.chartBox ul li.docO {background:url('../images/ra_icon_2.png') top center no-repeat}
.chartBox ul li.docA {background:url('../images/ra_icon_3.png') top center no-repeat}
.chartBox ul li.docK {background:url('../images//ra_icon_4.png') top center no-repeat}
.chartBox ul li.docAE {background:url('../images/ra_icon_5.png') top center no-repeat}
.chartBox ul li.docE {background:url('../images/ra_icon_6.png') top center no-repeat}
.chartBox ul li.docM {background:url('../images/ra_icon_7.png') top center no-repeat}
.chartBox ul li.docAa {background:url('../images/ra_icon_8.png') top center no-repeat}
.chartBox ul li span {clear:both;display: block;text-align: center;margin-top:3px;color:#5f5f5f}
.chartBox ul li span.dtype{margin-top:15px}
.chartBox ul li span.dcnt {font-weight:bold}
.chartBox ul.doc_cnt {display: block;margin: 0 auto;width: 832px;text-align:center;}
.chartBox .chart{text-align:center;}
.chartBox .chart > div{margin:0 auto;}
.chartBox .btmTxt > p{text-align:right;color:#6c6c6c;}

/* 최신인기학술자료 리스트 */
.bestListW{margin:0 20px;}
.bestListW > ul > li{position:relative;margin-top:13px;}
.bestListW > ul > li:first-child{margin-top:0;}
.bestListW > ul > li > div{margin-left:15px;padding:0 10px 8px;border-bottom:1px solid #eaeaea;}
.bestListW > ul > li .tit{display:block;margin-bottom:6px;color:#222;font-size:15px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bestListW > ul > li .mark{position:absolute;left:0;top:0;width:16px;margin-right:7px;}
.bestListW > ul > li .etc span{display:inline-block;margin-left:7px;padding-left:8px;color:#888;font-size:14px;background:url(../images/etcBar.png) no-repeat left center;}
.bestListW > ul > li .etc span:first-child{margin-left:0;padding-left:0;background:none;}


/* 2019 개편 */
h2.pTit {padding: 0 5px 15px;border-bottom: 2px solid#304050;color:#304050;font-size: 25px;font-weight: normal;line-height: 22px;}
h2.pTit span {font-size:17px; color:#777; display:inline-block; padding-left:5px;}
h2.pTit.noline {border-bottom:none;}
h2.pTit.nopb {margin-bottom:0;}
h3.sTit {/* background: url('/myriss/images/arrow.gif') left 3px no-repeat; *//* padding-left: 12px; */font-size: 16px;color:
#141414;margin-bottom: 10px;}
h3.sTit.pb0 {margin-bottom:0px}
.pTit2 {font-size:14px; color:#444;line-height:140%;padding-bottom:20px;}
div.topInfo {background:#fff; padding:20px;font-size:14px;color:#585858;}

.topInfo{word-break : keep-all;line-height:1.2}
.topInfo span{font-size:12px;color:#aaaaaa}

/*info*/
.analyticsAreaInfo {min-height:789px}
.contentinner_info { float: left;left: 0;min-width: 1020px;position: relative;top: 0;width: 272px;z-index: 999;}
div.analyticsAreaInfo .box_info {margin-top: 35px;color: #787878;font-size: 13px;margin-bottom: 40px;}
div.analyticsAreaInfo .box_info .tit{margin-bottom: 12px;color:#141414;font-size: 16px;font-family: NotoSansKR;}
div.analyticsAreaInfo .box_info p.txt{margin:0 10px;line-height: 150%;font-size:14px}
div.analyticsAreaInfo .box_info p.txt span{color:#ff7334;font-size:13px;font-weight:bold}
div.analyticsAreaInfo .box_info p.txtTitle {font-weight:bold;padding-bottom:5px;padding-left:0}
div.analyticsAreaInfo .box_info ul li {background:url('/analytics/images/dot3.png')  20px 7px no-repeat;padding-left:30px;margin:3px 0}
div.analyticsAreaInfo .box_info ul li span {display: inline-block;padding:2px; width:60px;text-align: center;font-weight: bold;color:#ffffff;margin-right:5px}
div.analyticsAreaInfo .box_info ul li span.viewicon {background: #FF4031}
div.analyticsAreaInfo .box_info ul li span.Usageicon {background: #00BB91}
div.analyticsAreaInfo .box_info ul li span.Share {background: #3E58B2}
div.analyticsAreaInfo .box_info ul li span.infoGroup {display: inline-block}
div.analyticsAreaInfo .box_info ul li img {display: block; margin: 10px auto;width: 500px;border:1px solid #f6f6f6}
div.analyticsAreaInfo .box_info strong {border: 1px solid #dcdcdc; color: #ff5e00; display: block;margin: 0 auto;padding: 5px;text-align: center; width: 500px}
.infoGroup .infoInner{font-size:14px}
.infoGroup .info_list{height: 50px;border-bottom:2px solid #304050;}
.infoGroup .info_list li {float:left;margin-left:-1px;}
.infoGroup .info_list li.on {/* background:#FF5F18; */color:#ffffff;}
.infoGroup .info_list li a{display:block;min-width: 90px;padding: 17px 12px 17px;font-size: 14px;letter-spacing: -0.5px;color:#485058;border:1px solid #bababa;border-bottom:none;text-align:center;line-height:15px;}
.infoGroup .info_list li.on a{position: relative;padding: 17px 12px 16px;color: #304050;z-index: 1;border: 2px solid #304050;border-bottom: 2px solid #fff;}
.infoGroup .info_list li:last-child{margin:0}
.infoGroup .info_cont {background: #ffffff;padding:30px 0 20px;color:#666666;margin-bottom:20px}
.infoGroup .info_cont .tab .sTit {margin-top:0}
.infoGroup .info_cont .tab div.infoimg{font-weight:bold;text-align: center;}
.infoGroup .info_cont .tab div.infoimg span{display: block;margin-bottom:20px}
.infoGroup .info_cont .tab div.infoimg img { width : 100%;height:auto;margin:20px 0 5px;border:1px solid #f6f6f6}
.infoGroup .info_cont .tab div.imgNotice { border: 1px solid #e9e9e9;margin-top: 10px; padding: 10px}
.infoGroup .info_cont .tab div.imgNotice p {font-weight:bold}
.infoGroup .info_cont .tab div.imgNotice span {color:#ff7334}
.infoGroup .info_cont .tab div.imgNotice ul li {background:url("/analytics/images/dot3.png") no-repeat scroll 5px 9px;padding-left:15px;margin:5px 0;line-height:1.5;word-break:keep-all}
span.smltxt {font-size:11px;color:#aaaaaa !important}
.infoGroup .info_cont .tab ol {margin-left:15px;list-style-type:decimal !important;}
.infoGroup .info_cont .tab ol li {list-style:outside number; word-break:keep-all;margin:5px 0;list-style-type:number !important; line-height:1.5}
.infoGroup .info_cont .tab .tab_02_sub{display: inline-block}
.exBox {margin-left:100px;color:#7a7a7a;font-size:12px}
p.txt {line-height:1.5;padding-left:12px}
p.txt span{color: #aaaaaa;font-size: 12px} 
strong.strtxt {color:#ff7334}

/*info*/
.utilSubject{margin-top:45px;background:url('/analytics/images/ra_bg_utilSubject.png') 0 0 no-repeat;min-height:789px}
.analyticsArea{margin-top:45px;background:url('/analytics/images/ra_bg.png') 0 0 no-repeat;min-height:789px}
.year {display: inline-block; margin-left: 60px;margin-top: 115px;width:850px}
.chartGroup {display: inline-block; left: 60px; position: relative; top: 280px;height:600px}
.chartGroup .chartInner{}
.chartGroup .chart_list{display: inline-block;margin-bottom:20px}
.chartGroup .chart_list li{float: left;color: #989898;display: inline-block;font-size: 13px; padding: 7px 0px;text-align: center; width: 111px;text-decoration: none; cursor: pointer;border:1px solid #ccc;border-left:none;}
.chartGroup .chart_list li:first-child{border-left:1px solid #ccc;}
.chartGroup .chart_list li a{color:#989898;}
.chartGroup .chart_list li.on {background:#f26522 ;color:#ffffff}
.chartGroup .chart_list li.on a{color:#ffffff}
.chartGroup .chart_list li a {text-decoration: none}
.chartGroup .chart_list li:last-child{margin:0}

.yearBar {display: inline-block;position: relative;top: 107px}
.chart_cont {display: inline-block}
.chart{float:left;height:300px; width: 570px;}
.chart_cmt{background:url('/analytics/images/chart_bg.png') no-repeat scroll 0 0;float:right;height: 335px;width: 290px;margin-left:0}
.chart_cmt ul {}
.chart_cmt ul li {background:url('/analytics/images/dot1.png')  no-repeat scroll 0 6px ; color:#444444;font-size: 13px;line-height: 1.5; word-break: keep-all;padding:0 15px;margin:10px 0 10px 30px}
.chart_cmt ul li span {color:#ff5f18;word-break:keep-all}

.usrsubject{clear: both;float: left;font-weight: bold;margin-left: 45px;position: relative;top: -40px;width: 585px}
.usrsubject span {color:#ff5e00}
.usrsubject input {float:right}

table.colTb {background: #ffffff none repeat scroll 0 0;display: inline-block;position: relative;text-align: center; margin-top: 190px;width: 950px;border-top:1px solid #cdcdcd;}
table.colTb th {position:relative;padding:17px 0;background: #f2f2f2;color: #1f1f1f;border-bottom:1px solid #cdcdcd;font-size: 15px;font-weight:normal;}
table.colTb td {padding:14px;color:#6f6f6f;font-size:14px;border-bottom: 1px solid #cdcdcd;}
table.colTb td.tL{text-align: left;padding:14px 20px;}
table.colTb td a {margin-bottom:7px;color:#454545;font-size:14px}
table.colTb td span {color:#666666}
table.colTb td div.nshpoint{background:url('/analytics/images/nshpoint1.png') no-repeat scroll 0 0;display: block;height: 15px;width:100px;margin:0 auto; }
table.colTb td div.nshpoint span.score{background:url('/analytics/images/nshpoint2.png') no-repeat left center;height:15px;display: block;text-indent:-9999px;overflow:hidden;}
.menuTitle {color: #999;    display: inline-block;    font-size: 17px;    padding: 4px 0 4px 25px; width: 245px}
#slider-range{background:url('/analytics/images/year_bg.png') no-repeat scroll 0 0 ;		width: 841px; /* 슬라이드바의 길이 */ 	height:21px; /* 슬라이드바의 높이 */ border:0 none}
#slider-range label { /* 슬라이드바의 2005~2014 텍스트 스타일*/	font-size: 15px;    position: absolute;    width: 20px;    margin-left: -10px;    text-align: center;    margin-top: 30px;font-weight: bold ; color:#ccc}
.ui-slider-pips {color:#FF5E00 !important;}
#slider-range span { /* 슬라이드바 버튼 스타일*/	background:url('/analytics/images/year_btn.png') no-repeat scroll 0 0 !important;	width:28px;	height:28px;border:0 none;margin-top:1px}
.analyWidthStyle {    height: 15px;    float: left;}
#slider-range .ui-slider-range{	background:#FF5E00;}
.analy{cursor: pointer}
.analy a {color:#1f1f1f !important}
#sort {position: absolute;right:0;width: 135px;margin-top: 5px;z-index: 99998;background-color: #fff;border: 1px solid #ccc;color: #000;}
#sort ul {padding:10px}
#sort ul li {text-align:left;cursor: pointer;font-size: 14px;}
#sort ul li:not(:last-child) {margin-bottom:5px}
#sort ul li a {vertical-align: middle;text-decoration: none;}
#sort ul li a span{font-size: 11px;vertical-align: top;margin-left: 5px;}
#sort ul li a#viewSort span {color:#FF9C34}
#sort ul li a#usageSort span {color:#5AC7AA}
#sort ul li a#shareSort span {color:#7DB2E4}
#sort ul li a.copySort span {color:#A1C2EB}
#sort ul li a.rentalSort span {color:#68A8E5}
#sort ul li a.copySort_p span {color:#74C6D1}
#sort ul li a.rentalSort_p span {color:#12A0B4}
#vis {  overflow: hidden;  position: relative}
#status {  padding:0 0 20px 20px}
#controls {  padding: 20px;  background-color: #eee;  margin: 10px;  width: 350px}
#bubble-background { fill: none;}
.bubble-node {  /* fill: #d1e0f3; */   fill: #F1D5A5}
.bubble-hover {  /* fill: #b8c7d9; */  fill:  #E1B898}
.bubble-selected {  /* fill: #a8c8ee;  */  fill: #CEE98F;  /* stroke: #6081a3; */  stroke: #A6BA92;  stroke-width: 1.5px}
.active {  color: #A6BA92}
a.bubble-label {  /*font-family: "Nanum Gothic",georgia, "times new roman", times, serif;*/  color: inherit;  cursor: pointer;  display: block;  text-align: center;  text-decoration: none;  line-height: 1em; position: absolute}
.bubble-label .bubble-label-value {  font: 10px sans-serif;  white-space: nowrap}
.selected2 {color:#fff !important; background:url('/commons/images/left_on.gif') 12px 10px no-repeat !important}

.subnotice {font-size:14px;color:#ff5e00 !important;cursor: pointer;margin-left:5px}

#help_div {background-color: #ffffff;border: 2px solid #e9e9e9; padding: 10px; color:#777777}
#help_div .help_div_dl  dt{clear: both;float: left;font-weight: bold;list-style: outside none disc;padding: 2px 0;width: auto}
#help_div .help_div_dl dd {float:left;padding:2px 0;width: auto; word-break : keep-all}
#help_div .help_div_dl dd.crdd {clear:both;margin-left:20px}
#help_div .help_div_dl dd.crdd ul {float:left;clear:both}

#pageUp{position: absolute; padding-top: 23px; z-index: 1;}
#pageDown{position: absolute; top: 272px;}


/*자료현황*/
.chart_box{display: inline-block;margin-top:10px;background: #ffffff;width:100%;padding:30px 15px 20px;border:1px solid #ddd;box-sizing:border-box;}
.chart_box ul li { display: inline-block;padding:32px}
.chart_box ul li.docT {background:url('/analytics/images/ra_icon_1.png') top center no-repeat}
.chart_box ul li.docO {background:url('/analytics/images/ra_icon_2.png') top center no-repeat}
.chart_box ul li.docA {background:url('/analytics/images/ra_icon_3.png') top center no-repeat}
.chart_box ul li.docK {background:url('/analytics/images/ra_icon_4.png') top center no-repeat}
.chart_box ul li.docAE {background:url('/analytics/images/ra_icon_5.png') top center no-repeat}
.chart_box ul li.docE {background:url('/analytics/images/ra_icon_6.png') top center no-repeat}
.chart_box ul li.docM {background:url('/analytics/images/ra_icon_7.png') top center no-repeat}
.chart_box ul li.docAa {background:url('/analytics/images/ra_icon_8.png') top center no-repeat}
.chart_box ul li span {clear:both;display: block;text-align: center;margin-top:3px;color:#5f5f5f}
.chart_box ul li span.dtype{margin-top:15px}
.chart_box ul li span.dcnt {font-weight:bold}
.chart_box ul.doc_cnt {display: block;margin: 0 auto;width: 832px}
/*자료현황*/

/*팝업*/
.srhpopup .top{background: url("/myriss/images/book_bg.gif") no-repeat scroll 0 0;height:61px;margin-bottom:20px}
.srhpopup .top h1 {color: #fffefe; font-family: "NanumGothicB"; font-size: 14px; padding: 18px 0 0 17px}
.srhpopup .psrh {background: #f8f8f8 none repeat scroll 0 0;border: 1px solid #dcdcdc;margin: 0 auto;padding: 5px;width: 362px}
.srhpopup .psrh input.it {vertical-align: top; width: 290px}
.srhpopup .result {margin-top:20px}
.srhpopup .result h3 {text-align: center;background: #A4A4A4;font-weight:bold;color:#ffffff;padding:10px 0}
.srhpopup .result ul li {background: url("/analytics/images/dot4.png") no-repeat scroll 10px 7px;margin:8px 0px 8px 10px;padding-left:20px}
.srhpopup .result ul li a{margin: 0 3px}
/*팝업*/

.libProvideArea{background:url("/analytics/images/ra_bg1.png") no-repeat scroll 0 0 !important}
.libRequisitionArea {background:url("/analytics/images/ra_bg2.png") no-repeat scroll 0 0 !important} 
.rnkDownloadArea {background:url("/analytics/images/ra_bg3.png") no-repeat scroll 0 0 !important}
.nt1 {clear: both; padding-right: 15px; text-align: right; color: #6c6c6c}

/*2018.05.18 추가*/
.chartGroup2 .chartInner{display: inline-block; position: relative; margin-top:10px}
.chartGroup2 .chart_list{display: inline-block;border-bottom:2px solid #dadada;margin-bottom:20px}
.chartGroup2 .chart_list li {float: left; margin-right: 4px;background:url('/analytics/images/tab_off.png') no-repeat scroll 0 0;color: #989898;display: inline-block;font-family: "NanumGothicB";font-size: 13px; padding: 7px 0px;text-align: center; width: 124px;text-decoration: none; cursor: pointer;}
.chartGroup2 .chart_list li.on {background:url('/analytics/images/tab_on.png') no-repeat scroll 0 0;color:#ffffff}
.chartGroup2 .chart_list li:hover {background:url('/analytics/images/tab_on.png') no-repeat scroll 0 0;color:#ffffff}
.chartGroup2 .chart_list li:hover a {color:#ffffff}
.chartGroup2 .chart_list li a {text-decoration: none}
.chartGroup2 .chart_list li:last-child{margin:0} 


/*2019.02.20 추가*/
input.analyticsDetail {float: right;display: inline-block;position: relative;top: -5px} 
a.a_open , a.a_close {float:right;display:block;width:74px;height:26px}
a.a_open {background:url("/analytics/images/a_open.png") no-repeat scroll 0 0}
a.a_close {background:url("/analytics/images/a_close.png") no-repeat scroll 0 0}
.analyticsChart span {float:right}
table.colTb2 {background: #ffffff none repeat scroll 0 0;border: 2px solid #e9e9e9;display:table;position: relative;text-align: center;width: 100% !important;margin-top:0;left:0}


/*2019.11.16 추가*/
.currentState {margin-top:10px}
.currentState h3.sTit{margin-top:45px;}