/* --- main ★슬라이드 이미지★ --- */

main{
	width:100%;
	height:550px;
	position:relative;
	min-width:1275px;
}
main .mainBg{
	width:100%;
	min-width:1275px;
	height:550px;
	position:absolute;
	top:0; left:0;
	overflow:hidden;
}
main .mainBg img{
	display:block;
	position:absolute;
	width:100%;
	min-width:1275px;
	top:50%;
	margin-top:-25%;
}
main h2{
	display:block;
	position:absolute;
	width:800px;
	top:80px; left:50%;
	margin-left:-400px;
	color:#ffffff;
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	font-weight:normal;
	line-height:4rem;
	text-align:center;
	text-shadow:0px 0px 5px #000000;
}
/*
	main #mainBg1{
		background:url(../images/main/seoul_lib_main_1.jpg) no-repeat center 35%;
	}
	main #mainBg2{
		background:url(../images/main/seoul_lib_main_2.jpg) no-repeat center center;
	}
	main #mainBg3{
		background:url(../images/main/seoul_lib_main_3.jpg) no-repeat center 60%;
	}
*/

/* --- section --- */

section{
	width:100%;
	min-width:1275px;
	position:relative;
}

/* --- section libNotice --- */

section #libNotice{
	width:1100px;
	height:140px;
	position:absolute;
	left:50%;
	top:-65px;
	margin-left:-550px;
	background:#ffffff;
	z-index:50;
}

/* --- section libNotice noticeTit --- */

#libNotice #noticeTit{
	width:196px;
	height:140px;
	position:absolute;
	top:0; left:0;
	padding:20px;
	background:#997d4e;
	text-align:center;
}
#libNotice #noticeTit h3{
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	color:#ffffff;
	margin-top:20px;
	text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
/*
#libNotice #noticeTit select{
	width:140px; height:30px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	margin-top:20px;
	padding-left:0.5rem;
	border:1px solid #d1d2d4; outline:0;
	background:url(../images/arrow_drop_down.svg) no-repeat center right;
	background-color:#ffffff;
	cursor:pointer;
}
#libNotice #noticeTit select:hover{
	color:#000000;
}
*/

/* --- section libNotice notice --- */

#libNotice #notice1{
	position:absolute;
	top:0; left:196px;
}
#libNotice #notice2{
	position:absolute;
	top:0; left:497px;
}
#libNotice #notice1 h5,
#libNotice #notice2 h5{
	font-size:1.1rem;
	line-height:1.75rem;
	font-weight:500;
	color:#004b8e;
}
#libNotice #notice1 a,
#libNotice #notice2 a{
	position:absolute;
	bottom:10px; right:10px;
	font-size:0.8rem;
	color:#8f8e93;
}
#libNotice #noticeList{
	position:absolute;
	top:0; right:0;
}
#libNotice #notice1,
#libNotice #notice2,
#libNotice #noticeList{
	width:302px;
	height:140px;
	border:1px solid #d1d2d4;
	padding:10px 15px;
}
#libNotice #noticeList ul li{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:16.75rem;
	height:1.5rem;
	font-size:0.9rem;
	font-weight:400;
}
#libNotice #notice1 a:hover,
#libNotice #notice2 a:hover,
#libNotice #noticeList ul li a:hover{
	color:#0193cf;
	font-weight:400;
	text-decoration:underline;
}

/* --- section libIcon --- */

section #libIcon{
	width:100%;
	min-width:1275px;
	height:320px;
	background-color:#f3f4f4;
	position:relative;
}
#libIcon #iconList{
	width:1275px;
	height:240px;
	padding:40px;
	position:absolute;
	bottom:0; left:50%;
	margin-left:-637.5px;
}
#libIcon #iconList ul{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#libIcon #iconList ul li{
	width:115px;
	height:160px;
	float:left;
	text-align:center;
}
#libIcon #iconList ul li a{
	display:block;
	width:115px;
	height:160px;
}
#libIcon #iconList ul li a .iconImg{
	width:115px;
	height:115px;
	border-radius:100px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#ffffff;
}
#libIcon #iconList ul li:nth-child(1) a:hover .iconImg,
#libIcon #iconList ul li:nth-child(2) a:hover .iconImg,
#libIcon #iconList ul li:nth-child(3) a:hover .iconImg,
#libIcon #iconList ul li:nth-child(4) a:hover .iconImg,
#libIcon #iconList ul li:nth-child(5) a:hover .iconImg{
	background-color:#0193cf;
}
#libIcon #iconList ul li:nth-child(6) a:hover .iconImg,
#libIcon #iconList ul li:nth-child(7) a:hover .iconImg,
#libIcon #iconList ul li:nth-child(8) a:hover .iconImg,
#libIcon #iconList ul li:nth-child(9) a:hover .iconImg{
	background-color:#004b8e;
}
#libIcon #iconList ul li a .iconImg span{
	display:inline-block;
	width:64px;	height:64px;
	text-indent:-9999px;
}
#libIcon #iconList ul li:nth-child(1) a .iconImg span{
	background:url(../images/icon/pen_paper_write_2.svg) no-repeat;
}
#libIcon #iconList ul li:nth-child(2) a .iconImg span{
	background:url(../images/icon/device.svg) no-repeat;
}
#libIcon #iconList ul li:nth-child(3) a .iconImg span{
	background:url(../images/icon/communication.svg) no-repeat;
}
#libIcon #iconList ul li:nth-child(4) a .iconImg span{
	background:url(../images/icon/info_person.svg) no-repeat;
}
#libIcon #iconList ul li:nth-child(5) a .iconImg span{
	background:url(../images/icon/teach.svg) no-repeat;
}
#libIcon #iconList ul li:nth-child(6) a .iconImg span{
	background:url(../images/icon/book_open_bookmark.svg) no-repeat;
}
#libIcon #iconList ul li:nth-child(7) a .iconImg span{
	background:url(../images/icon/location.svg) no-repeat;
}
#libIcon #iconList ul li:nth-child(8) a .iconImg span{
	background:url(../images/icon/map_location.svg) no-repeat;
}
#libIcon #iconList ul li:nth-child(9) a .iconImg span{
	background:url(../images/icon/search_paper.svg) no-repeat;
}
#libIcon #iconList ul li a:hover .iconImg span{
	background-position:-64px 0;
}
#libIcon #iconList ul li a p{
	margin-top:10px;
	line-height:1.4rem;
	color:#000000;
}
#libIcon #iconList ul li:nth-child(1) a:hover p,
#libIcon #iconList ul li:nth-child(2) a:hover p,
#libIcon #iconList ul li:nth-child(3) a:hover p,
#libIcon #iconList ul li:nth-child(4) a:hover p,
#libIcon #iconList ul li:nth-child(5) a:hover p{
	color:#0193cf;
}
#libIcon #iconList ul li:nth-child(6) a:hover p,
#libIcon #iconList ul li:nth-child(7) a:hover p,
#libIcon #iconList ul li:nth-child(8) a:hover p,
#libIcon #iconList ul li:nth-child(9) a:hover p{
	color:#004b8e;
}

/* --- section libToday --- */

section #libToday{
	width:100%;
	min-width:1275px;
	height:400px;
	padding:50px 0;
}
#libToday #todayWrap{
	width:1275px;
	height:300px;
	margin:0 auto;
	position:relative;
}
#libToday #todayWrap h3{
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	color:#997d4e;
	margin-bottom:20px;
}
#libToday #todayWrap strong{
	color:#0193cf;
}
#libToday #todayWrap i.fas{
	font-size:1rem;
	vertical-align:middle;
}

/* --- section libToday todayLib --- */

#libToday #todayWrap #todayLib{
	width:405px;
	height:300px;
	border:1px solid #d1d2d4;
	padding:30px;
	position:absolute;
	top:0; left:0;
}
#libToday #todayWrap #todayLib ul{
	margin:10px 0;
}

/* --- section libToday scheduleLib --- */

#libToday #todayWrap #scheduleLib{
	width:581px;	
	height:300px;
	border:1px solid #d1d2d4;
	padding:30px;
	position:relative;
	top:0; left:404px;
}
#libToday #todayWrap #scheduleLib ul li{
	display:inline-block;
}
#libToday #todayWrap #scheduleLib ul.pause li{
	width:35px;
	height:35px;	
	border-radius:5px;
	background:#0193cf;
	color:#ffffff;
	font-weight:700;
	text-align:center;
	vertical-align:middle;	
	margin-top:10px;
	margin-right:5px;
	padding-top:5px;
}
#libToday #todayWrap #scheduleLib p.pause,
#libToday #todayWrap #scheduleLib ul.event li{
	margin-top:23px;
}
#libToday #todayWrap #scheduleLib ul.event li{
	margin-right:7px;
}

/* section libToday scheduleLib calender ★캘린더★ */

#libToday #todayWrap #scheduleLib .calender-pause{
	position:absolute;
	top:10px; right:30px;
}
.calender-pause{float:right; padding-top: 15px;} 
.cal1{
	background:#ffffff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
}
.clndr{
	width:265px;
	height:155px;
}
.noselect {
	-webkit-user-select: none;
	/* Chrome/Safari */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE10+ */
}
.cal1 .clndr .clndr-controls {
    position: relative;
  	color: #ffffff;
	font-size: 12px;
	font-weight:500;
	text-transform: uppercase;
	padding:9px 9px;
	text-align: center;
	background-color:#997d4e;
	border-bottom: 5px solid #e2e2e0;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
}
.cal1 .clndr .clndr-controls .month {
	text-align:center;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button { 
	position:absolute;
	right:10px; top:3px;
	width:30px;
	height:30px;
	text-indent:-4000px;
	background: url(../images/arrow_forward.png) no-repeat center center;
	cursor: pointer;
	-webkit-user-select: none;
	/* Chrome/Safari */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE10+ */
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
	cursor: default;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button { 
	position:absolute;
	left:10px; top:3px;
	width:30px;
	height:30px;
	text-indent:-4000px;
	background: url(../images/arrow_back.png) no-repeat center center;
	cursor: pointer;
	-webkit-user-select: none;
	/* Chrome/Safari */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE10+ */
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
	cursor: default;
}
.cal1 .clndr .clndr-table {
	table-layout: fixed;
	width:100%;
	margin:0 auto;
}
.cal1 .clndr .clndr-table .header-days {
	font-size:11px;
	font-weight:500;
}
.cal1 .clndr .clndr-table .header-days .header-day {
	vertical-align: middle;
	text-align: center;
	color:#997d4e;
}
.cal1 .clndr .clndr-table tr {
	height:25px;
}
.cal1 .clndr .clndr-table tr td {
	vertical-align:top;
}
.cal1 .clndr .clndr-table tr .day {
	width: 100%;
	height: 30px; /*현재날자높이값수정*/
	color: #8f8e93;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: 500;
}
.cal1 .clndr .clndr-table tr .day.today {
	background:#0193cf;
	color: #FFF;
	position:relative;
}
/*
.cal1 .clndr .clndr-table tr .day.today:after {
	content:'';
	position: absolute;
	left: 13px;
	bottom: 0;
	border-left: 6px solid rgba(255,255,255,0);
	border-right: 6px solid rgba(255,255,255,0);
	border-bottom: 6px solid #ffffff;
}
*/
.cal1 .clndr .clndr-table tr .day.today:hover {
  	color: #FFF;
  	background:#004b8e;
}
.cal1 .clndr .clndr-table tr .day:hover{
	color: #FFF;
  	background:#8f8e93;
}
.cal1 .clndr .clndr-table tr .day.today.event {
	background:#004b8e;
	color: #FFF;
}
.day.today.event:hover{
	background:#0193cf;
	color:#FFF;
}
.cal1 .clndr .clndr-table tr .day .day-contents {
	box-sizing: border-box;
	font-size:0.7em;
	text-align:center;
	cursor:pointer;
}
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month {
	width: 100%;
	height: inherit;
	color: #d1d2d4;
	font-weight: 300;
} 

/* --- section libToday buttonLib --- */

#libToday #todayWrap #buttonLib a{
	display:block;
	color:#ffffff;
	text-align:center;
	font-size:1.2rem;
	font-weight:500;
	text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
#libToday #todayWrap #buttonLib a i.fas{
	font-size:3.5rem;
}
#libToday #todayWrap #buttonLib #btn1{
	width:145px;
	height:150px;
	position:absolute;
	top:0; right:145px;
}
#libToday #todayWrap #buttonLib #btn1 a{
	width:145px;
	height:150px;
	background:#0193cf;
}
#libToday #todayWrap #buttonLib #btn1 a:hover{
	background-color:#03a3e5;
}
#libToday #todayWrap #buttonLib #btn2{
	width:145px;
	height:150px;
	position:absolute;
	top:0; right:0;
}
#libToday #todayWrap #buttonLib #btn2 a{
	width:145px;
	height:150px;
	background:#004b8e;
}
#libToday #todayWrap #buttonLib #btn2 a:hover{
	background-color:#0266bf;
}
#libToday #todayWrap #buttonLib #btn1 a i,
#libToday #todayWrap #buttonLib #btn2 a i{
	margin:25px 0 15px 0;
}
#libToday #todayWrap #buttonLib #btn3{
	width:290px;
	height:150px;
	position:absolute;
	bottom:0; right:0;
}
#libToday #todayWrap #buttonLib #btn3 a{
	width:290px;
	height:150px;
	background:#997d4e;
}
#libToday #todayWrap #buttonLib #btn3 a:hover{
	background-color:#b38b47;
}
#libToday #todayWrap #buttonLib #btn3 a i{
	position:absolute;
	top:50%; margin-top:-1.75rem;
	left:20%;
}
#libToday #todayWrap #buttonLib #btn3 a span{
	position:absolute;
	top:50%; margin-top:-1.75rem;
	right:20%;
}

/* --- section libEvent --- */

section #libEvent{
	width:100%;
	min-width:1275px;
	height:550px;
	background-color:#f3f4f4;
}
#libEvent h3{
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	color:#997d4e;
	margin-left:40px;
	margin-bottom:30px;
}

/* --- section libEvent slide ★아이템 슬라이드★ --- */

div#productsSlide{height:550px; padding:50px 0;}
div#productsSlide div.inner{width:1275px; height:400px; margin:0 auto; position:relative;}
div#productsSlide div.frame{width:1200px; height:400px; position: relative; margin:0 auto; overflow:hidden;}
div#productsSlide div.frame ul{height:100%; width:1700px; position:absolute;}
div#productsSlide div.frame ul li{width:285px; height:400px; margin-right:20px; float:left; overflow:hidden;}
div#productsSlide div.frame ul li a{
	display:block; width:285px; height:400px; position:relative;
	box-sizing:border-box; border:1px solid #d1d2d4; text-align:right;
	}
div#productsSlide div.frame ul li a.slide01{
	background: url(../images/event/20200204.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
div#productsSlide div.frame ul li a.slide02{
	background: url(../images/event/20200201.png) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
div#productsSlide div.frame ul li a.slide03{
	background: url(../images/event/20200108.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
div#productsSlide div.frame ul li a.slide04{
	background: url(../images/event/20191206.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
div#productsSlide div.frame ul li a.slide05{
	background: url(../images/event/20191205.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
div#productsSlide div.frame ul li a.slide06{
	background: url(../images/event/20191112.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
div#productsSlide div.frame ul li a > span{
	position: absolute;
	top: 0; left:10px;
	display:inline-block;
	width:60px; height:60px;
	text-align:left;
	line-height:1.2rem;
	color: #ffffff;
	font-weight:500;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	z-index:90;
	padding:10px;
}
div#productsSlide div.frame ul li a > span.exhibit{
	background:url(../images/icon/confirmation_gold.svg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
div#productsSlide div.frame ul li a > span.class{
	background:url(../images/icon/confirmation_silver.svg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
div#productsSlide div.frame ul li dl{
	position:absolute;
	left:0; bottom:0;
	text-align: center;
	width:283px; height:0; overflow:hidden;
	background:rgba(0,0,0,0.5);
	transition:height 0.3s;
}
div#productsSlide div.frame ul li:hover dl{
	height:100px;
}
div#productsSlide div.frame ul li a dt{
	color: #ffffff; font-weight: bold; font-size:20px;
	margin: 15px auto; width:260px; height:28px;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
div#productsSlide div.frame ul li a dd{color: #ffffff;}

/* 프로덕스 슬라이드 플러그인 컨트롤 버튼 */
div#controls a{display: block; position: absolute; top: 65%; margin-top:-25px; z-index:90;}
div#controls a.nextBtn{
	position: absolute; 
	right:-20px;
	display: block; width: 26px; height: 51px;
	text-indent: -99999px;
	background: url(../images/slide_nav_st1.png) no-repeat right center;
}
div#controls a.prevBtn{
	position: absolute; 
	left:-20px;
	display: block; width: 26px; height: 51px;
	text-indent: -99999px;
	background: url(../images/slide_nav_st1.png) no-repeat left center;
}

/* --- section libNews --- */

section #libNews{
	width:1275px;
	height:450px;
	margin:0 auto;
	position:relative;
}

/* --- section libNews libBooks ★탭메뉴★ --- */

#libNews #libBooks{
	width:830px; height:340px;
	position:absolute;
	top:50px; left:0;
}
#libNews #libBooks .container{
	width:830px;
	margin:0 auto;
}
ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	color: #8f8e93;
	border:1px solid transparent;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}
ul.tabs li:nth-child(1).current{
	background: #0193cf;
	color: #ffffff;
	font-size:1.1rem;
	font-weight:500;
}
ul.tabs li:nth-child(2).current{
	background: #004b8e;
	color: #ffffff;
	font-size:1.1rem;
	font-weight:500;
}
ul.tabs li:nth-child(3).current{
	background: #997d4e;
	color: #ffffff;
	font-size:1.1rem;
	font-weight:500;
}
.tab-content{
	display: none;
	height:292px;
	background: #ffffff;
	border:1px solid #d1d2d4;
	padding: 15px;
}
.tab-content.current{
	display: inherit;
}
#libNews #libBooks .bookList{
	display:flex;
	align-items:center;
	justify-content:space-around;
}
#libNews #libBooks .bookList li{
	width:135px; height:250px;
	margin-top:15px;
}
#libNews #libBooks .bookList a{
	display:block;
	width:135px; height:250px;
	position:relative;
}
#libNews #libBooks .bookList a .bookmark{
	position:absolute;
	top:-10px; left:-15px;
	width:45px; height:45px;
	text-align:center;
	font-size:0.9rem;
	letter-spacing:0;
	padding-top:5px;
	font-weight:500;
	color:#ffffff;
	z-index:10;
}
#libNews #libBooks .bookList a div.new{
	background:url(../images/icon/bookmark_cyan.svg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks .bookList a div.best{
	background:url(../images/icon/bookmark_blue.svg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks .bookList a div.pick{
	background:url(../images/icon/bookmark_gold.svg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks .bookList a .bookImg{
	display:block;
	width:135px; height:195px;
	margin-bottom:5px;
	border:1px solid #d1d2d4;
}
#libNews #libBooks .bookList a p{
	font-size:0.85rem;
	font-weight:300;	
	text-align:center;
	line-height:1.3rem;
	white-space:pre-line;
}
.line-clamp{
	display:block;
	display:-o-box;
	display:-ms-box;
	display:-moz-box;
	display:-webkit-box;
	-o-box-orient:vertical;
	-ms-box-orient:vertical;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	position:relative; 
	line-height:1.3rem;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:0 !important;
}
.line-clamp:after{
	content: '…';
	text-align: right;
	bottom: 0;
	right: 0;
	width: 1rem;
	display: block;
	position: absolute;
	height: calc(1rem * 1.3);
	background: rgba(255, 255, 255, 1);
}
@supports (-webkit-line-clamp: 1){
	.line-clamp:after
	{
		display : none !important;
	}
}
.line-clamp-2{
	-o-line-clamp : 2;
	-ms-line-clamp : 2;
	-moz-line-clamp : 2;
	-webkit-line-clamp : 2;
	height: calc(1rem * 1.3 * 2);
}
#libNews #libBooks #tab-1 .bookList a:hover p{
	color:#0193cf;
	font-weight:500;
}
#libNews #libBooks #tab-2 .bookList a:hover p{
	color:#004b8e;
	font-weight:500;
}
#libNews #libBooks #tab-3 .bookList a:hover p{
	color:#997d4e;
	font-weight:500;
}

/* --- section libNews libBooks ★탭메뉴★ 북커버 --- */

#libNews #libBooks #tab-1 .bookList li:nth-child(1) .bookImg{
	background:url(../images/book/8972751197_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-1 .bookList li:nth-child(2) .bookImg{
	background:url(../images/book/K122636693_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-1 .bookList li:nth-child(3) .bookImg{
	background:url(../images/book/8972916978_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-1 .bookList li:nth-child(4) .bookImg{
	background:url(../images/book/K382636983_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-1 .bookList li:nth-child(5) .bookImg{
	background:url(../images/book/S042636198_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-2 .bookList li:nth-child(1) .bookImg{
	background:url(../images/book/8936434128_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-2 .bookList li:nth-child(2) .bookImg{
	background:url(../images/book/8934972467_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-2 .bookList li:nth-child(3) .bookImg{
	background:url(../images/book/8937473135_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-2 .bookList li:nth-child(4) .bookImg{
	background:url(../images/book/8994120998_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-2 .bookList li:nth-child(5) .bookImg{
	background:url(../images/book/S462635721_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-3 .bookList li:nth-child(1) .bookImg{
	background:url(../images/book/8959406589_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-3 .bookList li:nth-child(2) .bookImg{
	background:url(../images/book/K142533041_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-3 .bookList li:nth-child(3) .bookImg{
	background:url(../images/book/8936477196_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-3 .bookList li:nth-child(4) .bookImg{
	background:url(../images/book/8936447165_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
#libNews #libBooks #tab-3 .bookList li:nth-child(5) .bookImg{
	background:url(../images/book/S672635671_f.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

/* --- section libNews libBanner ★배너 슬라이드★ --- */

#libNews #libBanner{
	width:425px; height:340px;
	border:1px solid #d1d2d4;
	position:absolute;
	top:50px; right:0;
}
.visual1{width:423px; height:338px; position: relative; overflow: hidden;}
.visual1 li{width:423px; height:338px; position: absolute; top:0; left: 100%;}
.visual1 li a{display:block; width:423px; height:338px; text-indent:-9999rem;}
.section1{width:423px; height:338px; background: url(../images/banner/banner1.jpg) no-repeat;}
.section2{width:423px; height:338px; background: url(../images/banner/banner2.jpg) no-repeat;}
.section3{width:423px; height:338px; background: url(../images/banner/banner3.jpg) no-repeat;}
#section_arrow{
	width: 100%;
	height: 40px;
	position: absolute;
	right:0;
	bottom:0; 
	z-index:10;
	background:rgba(0,0,0,0.5);
}
#section_arrow .arrow1{height: 40px;}
#section_arrow .arrow1_1{width:423px; height: 40px; color:#ffffff; text-align: center;}
#section_arrow .arrow1_1 i{cursor: pointer; margin-top: 13px;}
#section_arrow .arrow1_1_center{width: 100px; height:338px; margin: 0 auto;}
.section_number{width: 20px; height: 20px; color:#ffffff; position: absolute; bottom: 22px; left: 50%; margin:-10px; z-index: 11;}
.section_number p{text-align: center; display: none;}
.section_number p.bl{display: block;}

/* --- section libFamily ★슬라이드★ --- */

section #libFamily{
	width:100%;
	min-width:1275px;
	height:130px;
	padding:35px 0;
	background-color:#f3f4f4;
}
#libFamily #familyWrap{
	width:1275px;
	height:130px;
	margin:0 auto;
}
#libFamily h3{
	display:block;
	width:100px; height:100px;
	font-family: 'SeoulNamsanM', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif;
	font-size:1.5rem;
	line-height:2.25rem;
	color:#997d4e;
	margin-top:-5px;
	margin-bottom:30px;
	float:left;
}
div#productsSlide2{
	height:60px; width:1060px;
	margin-right:55px; float:right;
}
div#productsSlide2 div.inner{
	width:1060px; height:60px;
	margin:0 auto; position:relative;
	float:left;
}
div#productsSlide2 div.frame{
	width:1060px; height:60px;
	position: relative; overflow:hidden;
}
div#productsSlide2 div.frame ul{
	height:100%; width:1400px;
	position:absolute;
}
div#productsSlide2 div.frame ul li{
	width:115px; height:60px;
	margin-right:20px; float:left; overflow:hidden;
	border:1px solid #d1d2d4;
	background-color:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
}
div#productsSlide2 div.frame ul li:hover{
	border:1px solid #0193cf;
}
div#productsSlide2 div.frame ul li a{
	width:100px; height:45px;
	position:relative; display:block;
	text-indent:-9999rem;
	}
div#productsSlide2 div.frame ul li a.slide01{
	background: url(../images/logo/seoul_lib_facebook_logo.svg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide02{
	background: url(../images/logo/family_logo_01.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide03{
	background: url(../images/logo/family_logo_02.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide04{
	background: url(../images/logo/family_logo_03.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide05{
	background: url(../images/logo/family_logo_04.jpg) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff; 
}
div#productsSlide2 div.frame ul li a.slide06{
	background: url(../images/logo/family_logo_05.jpg) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff; 
}
div#productsSlide2 div.frame ul li a.slide07{
	background: url(../images/logo/family_logo_06.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff; 
}
div#productsSlide2 div.frame ul li a.slide08{
	background: url(../images/logo/family_logo_06.gif) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide09{
	background: url(../images/logo/family_logo_07.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide10{
	background: url(../images/logo/family_logo_08.gif) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide11{
	background: url(../images/logo/family_logo_09.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide12{
	background: url(../images/logo/family_logo_10.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide13{
	background: url(../images/logo/family_logo_11.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide14{
	background: url(../images/logo/family_logo_12.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide15{
	background: url(../images/logo/family_logo_13.png) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}
div#productsSlide2 div.frame ul li a.slide16{
	background: url(../images/logo/family_logo_14.svg) no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#ffffff;
}

/* 프로덕스 슬라이드 플러그인 컨트롤 버튼 */
div#controls2 a{display: block; position: absolute; top: 50%; margin-top:-25px; z-index:90;}
div#controls2 a.nextBtn{
	position: absolute; 
	right:-50px;
	display: block; width: 26px; height: 51px;
	text-indent: -99999px;
	background: url(../images/slide_nav_st1.png) no-repeat right center;
}
div#controls2 a.prevBtn{
	position: absolute; 
	left:-50px;
	display: block; width: 26px; height: 51px;
	text-indent: -99999px;
	background: url(../images/slide_nav_st1.png) no-repeat left center;
}