/* 저널 bind */
#home_container div.section{ margin-bottom:60px;}
#home_container div.jou-list ul li{ margin-bottom:8px; position:relative;}
#home_container div.jou-list ul label{background:#119242; color:#fff; border-radius:3px; padding:0px 4px; font-size:0.75em; line-height:16px; text-align:center; position:absolute;left:0px; top:2px;}
#home_container div.jou-list ul a.jou{ display:inline-block; width:100%;color:#313131; font-weight:bold; padding-left:23px; box-sizing:border-box;}
#home_container div.jou-list ul a.jou span.period{ margin-left:8px; color:#bbb;}
#home_container div.jou-list ul a.jou:hover{color:#119242; }
#home_container div.jou-list ul a.org{ display:inline-block;margin-left:23px; width:80%;}

/* 분야별 이용현황 */
#home_container div.weekStats{margin-top:40px;}
#home_container div.weekStats ul.tab {height:45px; background:url(/images/common/table_bg.png) repeat;}
#home_container div.weekStats ul.tab li { float:left;   width:11.1%;  text-align:center; }
#home_container div.weekStats ul.tab::after{ content:' '; clear:both; display:block;}
#home_container div.weekStats ul.tab a{ height:43px; line-height:43px; font-size:17px;border:1px solid #ccc; border-bottom-color:#000;display:block; border-left:0px;}
#home_container div.weekStats ul.tab li.first a{border-left:1px solid #ccc;}
#home_container div.weekStats ul.tab a.on{ background:#fff; border:1px solid #000 !important; border-bottom-color:#fff !important; }
#home_container div.weekStats div.content { border:1px solid #000; border-top: hidden; padding:40px; width:99.9%; box-sizing:border-box;}
#home_container div.weekStats div.msg{ text-align:right;}
#home_container div.subectWeekStats{ display:none; min-height:300px;}
#home_container div.subectWeekStats h4 { font-size:18px; color:#000; background:url(/images/common/ic_star.png) no-repeat 0px 50%; font-weight:400; padding-left:25px; margin-bottom:20px;}
#home_container div.subectWeekStats div.art-list{ float:left; width:65%;}
#home_container div.subectWeekStats div.art-list h4{ margin-bottom:4px;}
#home_container div.subectWeekStats div.art-list ul{margin-bottom:40px;}
#home_container div.subectWeekStats div.art-list ul li{border-bottom:1px dashed #eee; }
#home_container div.subectWeekStats div.art-list a{ display:block;cursor:pointer;padding:20px 10px;}
#home_container div.subectWeekStats div.art-list a:hover{background-color:#f8f8f8; }
#home_container div.subectWeekStats div.art-list p{ padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:20px; line-height:20px;}
#home_container div.subectWeekStats div.art-list p.tit{padding-left:0px;color:#313131; font-weight:bold;}
#home_container div.subectWeekStats div.art-list p.tit::before{content:'·';}
#home_container div.subectWeekStats div.jou-list{ float:right; width:32%;}
#home_container div.subectWeekStats div.jou-list ul{ margin-bottom:40px;margin-left:12px;}


#home_container div.subectWeekStats div.keyword-list{float:left;width:65%;}
#home_container div.subectWeekStats div.update-keyword-list{float:right;width:32%;}
#home_container div.subectWeekStats div.keywords div.boxing{background:#f9fef7; height:260px; margin-top:20px; padding:20px;}

#home_container div.subectWeekStats div.weekbest::after{content:' '; display:block; clear:both;}
#home_container div.subectWeekStats div.keywords::after{content:' '; display:block; clear:both;}
/*
#home_container div.subectWeekStats div.keyword-list{ clear:both;}
#home_container div.subectWeekStats div.keyword-list div.boxing{background:#f9fef7; height:260px; margin-top:20px; padding:20px;}
*/

#home_container div.on{ display:block !important;}

/* 최근 업데이트 */
#home_container div.recentUpdate{ position:relative;}
#home_container div.recentUpdate div.button{  position:absolute; right:10px; top:10px; }
#home_container div.recentUpdate img{ width:220px;height:307px;}
#home_container div.recentUpdate div.jou-info{background-color:#fff;}
#home_container div.recentUpdate p.tit{width:220px; text-align:left;margin:auto;font-size:17px;height:40px;line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#home_container div.recentUpdate p.info{font-size:11px; letter-spacing:0.3px; text-align:right; margin-right:6px;}
#home_container div.recentUpdate p.pub{margin:10px 0px;color:#fff;height:22px;line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#home_container div.recentUpdate ul {}
#home_container div.recentUpdate ul::after{content:' '; display:block; clear:both;}
#home_container div.recentUpdate ul li { float:left; width: 20%; position: relative; text-align:center;}

#home_container div.recentUpdate div.button label{ height:25px;line-height:25px; vertical-align:top; }
#home_container div.recentUpdate div.button span.current{ color:#f00;}
#home_container div.recentUpdate button.button-prev { width:25px;height:25px; background:url(/images/common/ic_prev.png) no-repeat; overflow:hidden;}
#home_container div.recentUpdate button.button-next { width:25px;height:25px; background:url(/images/common/ic_next.png) no-repeat; overflow:hidden;margin-left:-1px;}

#home_container div.recentUpdate div.swiper-container,
#home_container div.recentUpdate ul.swiper-wrapper { z-index:auto !important;}

#home_container div.recentUpdate ul div.boxing {
	margin: 0;
	position: relative;
}

#home_container div.recentUpdate ul div.boxing div.cover {
	max-width: 100%;
	height:370px;
	display: block;
	position: relative;
	background-color:#fff;
}

#home_container div.recentUpdate ul div.detail-info {
	position: absolute;
	top: 0;
	left: 0;
	background: #2c3f52;
	color: #ed4e6e;
	width:100%;
	
	height: 90px;
	box-sizing:border-box;
	top: auto;
	bottom: 0;
}

#home_container div.recentUpdate ul div.detail-info a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
}

#home_container div.recentUpdate ul div.boxing div.cover {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.7s;
	-moz-transition: -moz-transform 0.7s;
	transition: transform 0.7s;
}

.no-touch #home_container div.recentUpdate ul div.boxing:hover div.cover,
#home_container div.recentUpdate ul div.cs-hover div.cover {
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
	background:url(/Images/common/table_bg.png) repeat;
}
.no-touch #home_container div.recentUpdate ul div.boxing:hover div.jou-info,
#home_container div.recentUpdate ul div.cs-hover div.jou-info {
	background:#fff url(/Images/common/table_bg.png) repeat;
}

.no-touch #home_container div.recentUpdate ul div.boxing:hover div.cover img,
#home_container div.recentUpdate ul div.cs-hover div.cover  img{
	padding-top:45%;
	width:55%;
	height:55%;
}

/* 소속기관 이용통계 */
div.groupUserStats{border-top:1px solid #000; border-bottom:1px solid #eee; }
div.groupUserStats div.group-info{ width:20%; margin-right:5%; float:left; padding:20px 10px; position:relative;min-height:250px; box-sizing:border-box;}
div.groupUserStats div.jou-list{ width:35%; float:left; padding:20px 10px;   box-sizing:border-box;}
div.groupUserStats div.cate-rate{ width:40%; padding:20px 20px;background-color:#f5fdf7;  float:left;min-height:280px; box-sizing:border-box;}
div.groupUserStats div.group-info h3{ padding:5px 32px; border:1px solid #000; border-radius:24px; width:95%; box-sizing:border-box;}
div.groupUserStats div.group-info div.msg{ position:absolute; bottom:0px;left:20px;}
div.groupUserStats div.jou-list h3{margin-bottom:20px;}
div.groupUserStats div.cate-rate h3{padding-left:50px;}
div.groupUserStats::after{ content:' ' ; display:block; clear:both;}

/* 학문분야 서비스 현황 */

div.currentStats{ margin-bottom:0px !important; }
div.currentStats h2{float:left;width:20%; height:240px; line-height:240px; background-color:#eee; text-align:center;}

div.currentStats::after{ content:' '; display:block; clear:both;}
#currentChart{ float:right; width:80%; border:1px solid #eee; position:relative; height:240px; padding:30px 20px 20px; box-sizing:border-box; }
#currentChart div.stats{ position:absolute; bottom:40px; right:50px;}
#currentChart div.stats p label{ display:inline-block; width:22px; height:16px; margin-right:10px;}
#currentChart div.stats p span{font-size:11px;}
#currentChart div.stats p.pub_bar label{ background-color:#E70011;}
#currentChart div.stats p.jour_bar label{ background-color:#009FEE;}

#currentChart div.screen{ width:80%; height:170px; background-color:#f7f7f7;}
#currentChart ul.bar-list{ }
#currentChart ul.bar-list dl dt{position:absolute; bottom:15px; width:55px; text-align:center; font-size:13px;}
#currentChart ul.bar-list dl dd{position:relative;}
#currentChart ul.bar-list dl dd p.pub_bar{margin-left:10px;}
#currentChart ul.bar-list dl dd p.jour_bar{margin-left:30px;}
#currentChart ul.bar-list dl dd p{ width:15px;position:absolute; bottom:0px; font-size:0.7em; letter-spacing:0.3px;}
#currentChart ul.bar-list dl dd p span{ display:none;}



/* 학문분야 서비스 현황 */
/*
#currentChart{border:1px solid #eee; border-top-color:#000; position:relative; height:240px; padding:30px 20px 20px; box-sizing:border-box; }

#currentChart div.stats{ position:absolute; bottom:50px; right:20px;}
#currentChart div.stats p label{ display:inline-block; width:22px; height:16px; margin-right:10px;}
#currentChart div.stats p span{font-size:11px;}
#currentChart div.stats p.pub_bar label{ background-color:#E70011;}
#currentChart div.stats p.jour_bar label{ background-color:#009FEE;}

#currentChart div.screen{ width:550px; height:170px; background-color:#f7f7f7;}
#currentChart ul.bar-list{ }
#currentChart ul.bar-list dl dt{position:absolute; bottom:15px; width:55px; text-align:center;}
#currentChart ul.bar-list dl dd{position:relative;}
#currentChart ul.bar-list dl dd p.pub_bar{margin-left:10px;}
#currentChart ul.bar-list dl dd p.jour_bar{margin-left:30px;}
#currentChart ul.bar-list dl dd p{ width:15px;position:absolute; bottom:0px; font-size:0.8em; letter-spacing:0.3px;}
#currentChart ul.bar-list dl dd p span{ display:none;}

*/

/* 공지사항 */
/*

div.service_notice div.currentStats{ width:60%;float:left; position:relative;}
div.service_notice div.currentStats h2{font-size:15px;position:absolute;top:10px; left:30px; z-index:10;}
div.service_notice::after{ content:' '; display:block; clear:both;}

div.service_notice div.csBoard{ width:38%; float:right; }
div.service_notice div.csBoard ul.tab { height:42px; border-bottom:1px solid #000; }
div.service_notice div.csBoard ul.tab li { float:left; margin-right:1px;   }
div.service_notice div.csBoard ul.tab li a { height:40px; line-height:40px; width:112px; background:#000; color:#fff; text-align:center; display:block; border:1px solid #000;   }
div.service_notice div.csBoard ul.tab li a.on { background:#fff; color:#000; border-bottom-color:#fff; height:41px; line-height:41px;   }
div.service_notice div.csBoard ul.tab::after{ content:' ' ; display:block; clear:both;}
div.service_notice div.csBoard div.board_tab_content{ display:none; background-color:#fff;padding:20px 10px;border-top:0px; height:165px; box-sizing:border-box;}
div.service_notice div.csBoard div.board_tab_content ul{ }
div.service_notice div.csBoard div.board_tab_content ul li{ }
div.service_notice div.csBoard div.board_tab_content a{ display:block; height:30px; line-height:30px; }
div.service_notice div.csBoard div.board_tab_content a:hover { color:#119242; text-decoration:underline; }
div.service_notice div.csBoard div.board_tab_content span.tit{ display:block; float:left; width:80%; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; }
div.service_notice div.csBoard div.board_tab_content em{ font-weight:400; margin-right:8px;}
div.service_notice div.csBoard div.board_tab_content span.dt{ display:block; float:left; width:20%; text-align:center;}
*/

/* CS */
div.quick{ background:url(/Images/common/bg_eee.png) repeat-x 0% 50%;margin-bottom:50px;}
div.quick ul { text-align:center;}
div.quick ul li { margin-bottom:5px; display:inline-block; margin-right:7px;  }
div.quick ul li a { height:40px; line-height:40px; text-align:center;background-color:#555; font-weight:400; color:#fff;  font-size:14px; letter-spacing:0.5px; display:block; padding:0 15px;  }
div.quick ul li a:hover {color:#000;background-color:#119242; color:#fff;  }
div.quick ul li:last-child{margin-right:0px;}
div.quick ul::after{ }

div.main_cs{ background:#f1f1f1 url(/images/commom/customer_bg.png) repeat; padding:40px 0;}
div.main_cs div.csInfo{}
div.main_cs div.csInfo div.support_biz{float:left;width:384px; height:249px; margin-right:24px; overflow:hidden; position:relative;}
div.main_cs div.csInfo div.csBoard{float:left;width:384px; height:249px; margin-right:24px;}
div.main_cs div.csInfo div.cs{float:right; width:384px; height:249px; border:1px solid #dcdcdc; background:#fff; padding:20px 20px; box-sizing:border-box; position:relative;}
div.main_cs div.csInfo::after{ content: ' ' ; display:block; clear:both;}

div.main_cs div.support_biz ul{}
div.main_cs div.support_biz ul li{float:left;}
div.main_cs div.support_biz ul li a{display:block; width:100%; height:100%; position:relative;}
div.main_cs div.support_biz ul li p{width:100%; height:70px;position:absolute;bottom:0px; opacity: .8; background-color:#000; }
div.main_cs div.support_biz ul li span{display:block;text-align:center;width:100%; height:70px;line-height:70px;position:absolute;bottom:0px; color:#fff; font-size:16px;}
div.main_cs div.support_biz div.next-ctl{position:absolute; left:15px;bottom:22px; z-index:10;}

div.main_cs div.support_biz div.next-ctl button{ width:10px;height:17px; overflow:hidden; }
div.main_cs div.support_biz div.next-ctl button.button-support-prev{background:url(/Images/common/ic_left.png) no-repeat;margin-right:5px;}
div.main_cs div.support_biz div.next-ctl button.button-support-next{background:url(/Images/common/ic_right.png) no-repeat;}
div.main_cs div.support_biz div.next-ctl button span{opacity:0;}

div.main_cs div.csBoard ul.tab { height:42px; border-bottom:1px solid #000; }
div.main_cs div.csBoard ul.tab li { float:left; margin-right:1px;   }
div.main_cs div.csBoard ul.tab li a { height:40px; line-height:40px; width:112px; background:#000; color:#fff; text-align:center; display:block; border:1px solid #000;   }
div.main_cs div.csBoard ul.tab li a.on { background:#fff; color:#000; border-bottom-color:#fff; height:41px; line-height:41px;   }
div.main_cs div.csBoard ul.tab::after{ content:' ' ; display:block; clear:both;}
div.main_cs div.csBoard div.board_tab_content{ display:none; background-color:#fff;border:1px solid #000;padding:20px 20px;border-top:0px; height:205px; box-sizing:border-box;}
div.main_cs div.csBoard div.board_tab_content ul{}
div.main_cs div.csBoard div.board_tab_content ul li{ }
div.main_cs div.csBoard div.board_tab_content a{ display:block; height:32px; line-height:32px; }
div.main_cs div.csBoard div.board_tab_content a:hover{ color:#119242 !important;}
div.main_cs div.csBoard div.board_tab_content a:hover *{color:#119242 !important;}
div.main_cs div.csBoard div.board_tab_content span.tit{ display:block; /*float:left; width:80%; */height:30px; padding-right:8px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.main_cs div.csBoard div.board_tab_content em{ font-weight:400; margin-right:8px;}
div.main_cs div.csBoard div.board_tab_content span.dt{ display:none; float:left; width:20%; text-align:center; font-size:12px; font-weight:200;}
div.main_cs div.csBoard div.board_tab_content ul a::after{content:' ';display:block;clear:both; }


div.main_cs div.csInfo div.cs  h3{ color:#000; font-size:20px; margin-bottom:20px;}
div.main_cs div.csInfo div.cs  p.cs_main_tel { margin-bottom:8px; }
div.main_cs div.csInfo div.cs  p.cs_main_tel label{display:none; }
div.main_cs div.csInfo div.cs  p.cs_main_tel strong{ display:block; font-size:30px; color:#119242; }
div.main_cs div.csInfo div.cs  p.email{margin-bottom:15px;}
div.main_cs div.csInfo div.cs  p.other_cs{border:1px solid #ddd;margin-bottom:5px;}
div.main_cs div.csInfo div.cs  p.other_cs label{ display:inline-block;width:50%; text-align:center; background-color:#ddd; height:24px; margin-right:10px;}
div.main_cs div.csInfo div.cs  p.cs_time{letter-spacing:0;padding-top:2px; font-size:12px; line-height:1.5em;}
div.main_cs div.csInfo div.cs  p span { color:#000; vertical-align:middle; }
div.main_cs div.csInfo div.cs a.reader_down{position:absolute;right:20px;bottom:20px; width:120px;}
div.main_cs div.csInfo div.cs a.reader_down img{max-width:100%;}
/*

div.main_cs div.section::after{ content:' '; display:block; clear:both;}
div.main_cs div.quick1 { float:left; margin-right:40px; width:262px; height:249px;}
div.main_cs div.quick2 { float:left; margin-right:40px; width:262px; height:249px;}
div.main_cs div.csInfo { float:right; width:418px; height:189px; border:3px solid #dcdcdc; background:#fff; padding:30px 20px 30px 30px; }

div.main_cs div.partnership { width:576px; height:210px; margin-right:40px; background:#fff; position:relative; float:left;  }
div.main_cs div.csBoard { width:584px; float:right; height:210px; }


div.main_cs div.csInfo h3{ color:#000; font-size:20px; }
div.main_cs div.csInfo div.cs  { width:256px; float:left; }
div.main_cs div.csInfo div.cs  p { padding-top:20px; padding-bottom:20px;}
div.main_cs div.csInfo div.cs  p em { display:block; font-size:30px; color:#119242; }
div.main_cs div.csInfo div.cs  p span { color:#000; display:block; padding:10px 0;   }

div.main_cs div.csInfo  div.direct { width:142px; float:right;    }
div.main_cs div.csInfo  div.direct ul { padding-top:20px; }
div.main_cs div.csInfo  div.direct ul li { margin-bottom:5px;  }
div.main_cs div.csInfo  div.direct ul li a { height:25px; line-height:25px; text-align:center; border:1px solid #eee; font-size:12px; letter-spacing:0.5px; display:block; padding:0 5px;  }
div.main_cs div.csInfo  div.direct ul li a:hover { border:1px solid #000; color:#000; }
*/