@charset "UTF-8";


/* 
	************************************************************************************************ 
	************************************************************************************************
*/


/* 메인 우측 플롯팅 네비게이션  */
.float-navigation{position:fixed; right:50px; top:50%; margin-top:-80px; z-index:9;}
.float-navigation ul{}
.float-navigation ul li{ }
.float-navigation ul li a{position:relative; display:block; margin:5px 0; width:25px; height:25px;}
.float-navigation ul li a::after{
	display:inline-block; right:50%; top:50%; margin-top:-4px; margin-right:-4px; width:10px; height:10px; border-radius:9px; background:#37558b; box-shadow:3px 3px 7px rgba(0,0,0,0);
	
	-webkit-transition: all .35s ease;
    -moz-transition:    all .35s ease;
    -o-transition:      all .35s ease;
    -ms-transition:     all .35s ease;
    transition:         all .35s ease;
}
.float-navigation ul li.on a::after{background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,0.15);}
.float-navigation ul li span{
	visibility:hidden; opacity:0; position:absolute; display:inline-block; right:40px; top:0; height:25px; line-height:25px;border-radius:25px; padding:0 10px; background:#fff; white-space:nowrap; box-shadow:3px 3px 7px rgba(0,0,0,0.15); color:#5485df; font-family:'Montserrat', sans-serif; font-size:12px;  font-weight:400;
	
	-webkit-transition: all .35s ease;
    -moz-transition:    all .35s ease;
    -o-transition:      all .35s ease;
    -ms-transition:     all .35s ease;
    transition:         all .35s ease;
}

.float-navigation ul li.on span{visibility:visible; opacity:1; right:30px; }


@media(max-width:1600px){
	.float-navigation{display:none;}
}





/* 
	************************************************************************************************ 
	************************************************************************************************
*/




/* 메인 비주얼 슬라이드 */
.dadae-visual-wrap{position:relative; overflow:hidden;}
.dadae-visual-wrap .el{position:absolute; width:100%; height:0; left:0; bottom:0;}
.dadae-visual-wrap .inner{position:relative;}

.dadae-visual-wrap .dadae-visual-swiper{}
.dadae-visual-wrap .dadae-visual-swiper .swiper-wrapper{}
.dadae-visual-wrap .dadae-visual-swiper .swiper-wrapper a{background-repeat:no-repeat; background-position:left top;}
.dadae-visual-wrap .dadae-visual-swiper .swiper-wrapper a img{max-width:100%;}

@media(min-width:1280px){
	.dadae-visual-wrap{min-height:675px; max-height:675px;}
}

@media(min-width:840px){
	.dadae-visual-wrap .dadae-visual-swiper .swiper-wrapper a img.pc{display:block;}
	.dadae-visual-wrap .dadae-visual-swiper .swiper-wrapper a img.mobile{display:none;}	
}

@media(max-width:840px){
	.dadae-visual-wrap .dadae-visual-swiper .swiper-wrapper a img.pc{display:none;}
	.dadae-visual-wrap .dadae-visual-swiper .swiper-wrapper a img.mobile{display:block;}	
}

/* 메인 비주얼 슬라이드 이전 및 다음 버튼 및 인덱스 */
/* .dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control{position:absolute; left:50%; top:50%; margin-left:-640px; margin-top:-30px; z-index:1;}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul{}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li{height:50px;}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li:first-child{border-bottom:1px solid #afc5dc;}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li button,
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li span{float:left; width:30px; height:50px;}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li button{margin-right:10px; background-repeat:no-repeat; background-position:center; opacity:0.5;}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li button.visual-prev{background-image:url(/dadaelib/images/main/icon_visual_prev.png);}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li button.visual-next{background-image:url(/dadaelib/images/main/icon_visual_next.png);}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li span{line-height:50px; text-align:center; font-size:14px; font-weight:300; font-family:'Montserrat', sans-serif; color:#4d6786;}

.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li:hover button{opacity:1;}
.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li:hover span{font-weight:700; color:#446deb;}



@media(max-width:1280px){
	.dadae-visual-wrap .dadae-visual-swiper{width:100%;}
	
	.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control{left:0;}
	.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li{height:40px;}
	
	.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li button,
	.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li span{height:40px;}

	.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li button{margin-right:0;}
	.dadae-visual-wrap .dadae-visual-swiper .dadae-visual-swiper-control ul li span{width:25px;}
}

 */







/* 메인 비주얼 슬라이드 영역의 신간도서  */
.dadae-visual-wrap .dadae-library-wrapper{
	position:absolute; width:200px; height:100%; right:0; bottom:0; z-index:6;
	
	-webkit-transition: all .5s ease;
    -moz-transition:    all .5s ease;
    -o-transition:      all .5s ease;
    -ms-transition:     all .5s ease;
    transition:         all .5s ease;	
}
.dadae-visual-wrap .dadae-library-wrapper::after{
	display:inline-block; width:1920px; height:100%; left:0; top:0; background:#5485e0; z-index:0;
	
	-webkit-transition: all .5s ease;
    -moz-transition:    all .5s ease;
    -o-transition:      all .5s ease;
    -ms-transition:     all .5s ease;
    transition:         all .5s ease;	
}


@media(min-width:1280px){
	.dadae-visual-wrap .dadae-library-wrapper,
	.dadae-visual-wrap .dadae-library-wrapper::after{min-height:675px; max-height:675px;}
}


.dadae-visual-wrap .dadae-library-wrapper button.toggle{position:absolute; display:inline-block; width:16px; height:30px; left:-30px; top:46%; z-index:2; background-image:url(/dadaelib/images/main/library_toggle.png); background-repeat:no-repeat; background-position:center;}

.dadae-visual-wrap .dadae-library-wrapper.spread{width:100%; z-index:3;}
.dadae-visual-wrap .dadae-library-wrapper.spread::after{left:-320px;}
.dadae-visual-wrap .dadae-library-wrapper.spread button.toggle{left:-45px; background-image:url(/dadaelib/images/main/library_toggle_on.png);}


.dadae-visual-wrap .dadae-library-wrapper .dadae-library-search-list,
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper,
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-movie{
	opacity:1; visibility:visible;
	
	-webkit-transition: all .25s ease;
    -moz-transition:    all .25s ease;
    -o-transition:      all .25s ease;
    -ms-transition:     all .25s ease;
    transition:         all .25s ease;
}

.dadae-visual-wrap .dadae-library-wrapper.spread .dadae-library-search-list,
.dadae-visual-wrap .dadae-library-wrapper.spread .dadae-library-swiper,
.dadae-visual-wrap .dadae-library-wrapper.spread .dadae-library-movie{
	opacity:0; visibility:hidden;
}




/* 신간도서 빠른 검색 리스트 */
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-search-list{position:relative; z-index:1; margin:25px 0 40px 0;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-search-list a{position:relative; display:block; height:30px; line-height:30px; padding:0 45px; font-size:14px; color:#fff;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-search-list a::before{display:inline-block; width:2px; height:2px; left:35px; top:50%; margin-top:-1px; background:#dde7f9;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-search-list a span{display:inline-block; line-height:1;}

/* 신간도서 슬라이드 */
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper{position:relative; z-index:1; overflow-x:hidden; box-sizing:border-box; margin-left:35px;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper > strong{font-size:18px; color:#fff; font-weight:700;}

.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper{margin-bottom:15px; }
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide{}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a{position:relative; display:block; width:122px; height:176px; margin:10px 0; padding:25px 15px 0 15px; box-sizing:border-box; background-color:#000; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0 0 10px rgba(0,0,0,0.3); line-height:1;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a::before{display:inline-block; width:122px; height:4px; left:0; top:-4px; background:url(/dadaelib/images/main/book_shadow.png) no-repeat center bottom;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a strong{display:block; font-size:17px; color:#fff; font-weight:400; line-height:1.25; white-space: normal; height:2.5em; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a > sub{display:block; margin:10px 0 38px 0; font-size:12px; font-weight:300; opacity:0.6; line-height:1; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a span{position:absolute; width:100%; height:57px; left:0; bottom:0; padding:15px; display:block; font-size:12px; color:#000; opacity:0.6; box-sizing:border-box;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a span em{display:block; margin-bottom:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a span sub{font-size:12px;}
/* .dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a em{display:block; font-size:15px; color:#fff; font-weight:700; white-space: normal; line-height:1.35; height:2.7em; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide a sub{font-size:13px; color:#fff; opacity:0.6; font-weight:300;}
 */
 
 .dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide:nth-child(1) a{background-image:url(/dadaelib/images/main/book_bg01.jpg);}
 .dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide:nth-child(2) a{background-image:url(/dadaelib/images/main/book_bg02.jpg);}
 .dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide:nth-child(3) a{background-image:url(/dadaelib/images/main/book_bg03.jpg);}
 .dadae-visual-wrap .dadae-library-wrapper .dadae-library-swiper .swiper-wrapper .swiper-slide:nth-child(4) a{background-image:url(/dadaelib/images/main/book_bg04.jpg);}
 

 
 
 
 
 

/* 상영중인 영화  */
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-movie{position:absolute; width:100%; left:35px; bottom:50px; z-index:2;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-movie a{}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-movie a sup{display:inline-block; height:27px; line-height:27px; padding:0 10px; border-radius:30px; background:#0a1a39; font-size:13px; color:#fff; letter-spacing:-1px;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-movie a em{display:block; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; font-weight:700; color:#fff; line-height:1;}
.dadae-visual-wrap .dadae-library-wrapper .dadae-library-movie a span{font-size:13px; color:#fff; font-weight:300; opacity:0.8;}




/* 메인 비주얼 영역 공지사항 */
.dadae-visual-wrap .dadae-notice{position:absolute; width:calc(100% - 200px); padding-left:100px; padding-right:170px; left:0; bottom:50px; overflow:hidden; box-sizing:border-box; z-index:2;}
.dadae-visual-wrap .dadae-notice::before{display:inline-block; width:100px; left:0; top:0; content:'공지사항'; font-size:17px; font-weight:700; color:#000; text-align:center; line-height:22px;}


@media(max-width:1280px){
	.dadae-visual-wrap .el > .inner{margin:0;}
	
}

@media(max-width:768px){
	.dadae-visual-wrap .dadae-notice{padding-left:80px; padding-right:10px;}
	.dadae-visual-wrap .dadae-notice::before{width:70px; font-size:15px;}	
}




/* 공지사항 슬라이드 */
.dadae-visual-wrap .dadae-notice .dadae-notice-swiper{overflow:hidden;}
.dadae-visual-wrap .dadae-notice .dadae-notice-swiper .swiper-wrapper{}
.dadae-visual-wrap .dadae-notice .dadae-notice-swiper .swiper-wrapper .swiper-slide{}
.dadae-visual-wrap .dadae-notice .dadae-notice-swiper .swiper-wrapper .swiper-slide a{position:relative; display:block; height:22px; line-height:22px; padding-left:10px; padding-right:70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; font-weight:300; color:#333;}
.dadae-visual-wrap .dadae-notice .dadae-notice-swiper .swiper-wrapper .swiper-slide a::after{display:inline-block; right:0; top:0; content:attr(data-date);}
.dadae-visual-wrap .dadae-notice .dadae-notice-swiper .swiper-wrapper .swiper-slide a::before{display:inline-block; width:2px; height:2px; left:0; top:50%; margin-top:-1px; background:#66727e;}
.dadae-visual-wrap .dadae-notice .dadae-notice-swiper .swiper-wrapper .swiper-slide a span{}

@media(max-width:1280px){
	.dadae-visual-wrap .dadae-notice .dadae-notice-swiper .swiper-wrapper .swiper-slide a{font-size:15px;}
}



/* 공지사항 이전 및 다음, 더보기 버튼 */
.dadae-visual-wrap .dadae-notice .dadae-notice-control{position:absolute; right:30px; top:0; z-index:1;}
.dadae-visual-wrap .dadae-notice .dadae-notice-control::before{display:inline-block; width:1px; height:13px; left:30px; top:5px; background:#b6cce1;}
.dadae-visual-wrap .dadae-notice .dadae-notice-control button,
.dadae-visual-wrap .dadae-notice .dadae-notice-control a{float:left; width:22px; height:22px;}
.dadae-visual-wrap .dadae-notice .dadae-notice-control button{width:30px; background-repeat:no-repeat; background-position:center;}
.dadae-visual-wrap .dadae-notice .dadae-notice-control button.notice-prev{background-image:url(/dadaelib/images/main/icon_notice_prev.png);}
.dadae-visual-wrap .dadae-notice .dadae-notice-control button.notice-next{background-image:url(/dadaelib/images/main/icon_notice_next.png);}
.dadae-visual-wrap .dadae-notice .dadae-notice-control button.notice-prev:hover{background-image:url(/dadaelib/images/main/icon_notice_prev_on.png);}
.dadae-visual-wrap .dadae-notice .dadae-notice-control button.notice-next:hover{background-image:url(/dadaelib/images/main/icon_notice_next_on.png);}
.dadae-visual-wrap .dadae-notice .dadae-notice-control a.more{margin-left:20px; background:#fff url(/dadaelib/images/main/icon_notice_more.png) no-repeat center;}

@media(max-width:768px){
	.dadae-visual-wrap .dadae-notice .dadae-notice-control{display:none;}
}



@media(max-width:1280px){
	.dadae-visual-wrap .dadae-library-wrapper{display:none;}
}







/* 우측 펼쳐지는 영역 */
.spread-wrap{
	position:absolute; visibility:hidden; opacity:0; width:100%; min-width:1280px; height:675px; left:-100px; top:0; box-sizing:border-box; z-index:3;
	
	-webkit-transition: all .5s ease;
    -moz-transition:    all .5s ease;
    -o-transition:      all .5s ease;
    -ms-transition:     all .5s ease;
    transition:         all .5s ease;
}

.dadae-visual-wrap .dadae-library-wrapper.spread .spread-wrap{
	visibility:visible; opacity:1; left:0;
	
	-webkit-transition: all .5s ease .25s;
    -moz-transition:    all .5s ease .25s;
    -o-transition:      all .5s ease .25s;
    -ms-transition:     all .5s ease .25s;
    transition:         all .5s ease .25s;
}

.spread-wrap .quick-navigation{margin-top:40px; margin-bottom:45px;}
.spread-wrap .quick-navigation ul{display:inline-block; width:100%; vertical-align:top;}
.spread-wrap .quick-navigation ul li{position:relative; float:left; width:calc(20% - 16px); margin-right:20px;}
.spread-wrap .quick-navigation ul li:last-child{margin-right:0;}



.spread-wrap .quick-navigation ul li a{
	display:block; height:150px; line-height:150px; background-color:rgba(0,0,0,0.15); box-sizing:border-box; text-align:center; font-size:19px; font-weight:400; color:#fff; letter-spacing:-1px;
	
	-webkit-transition: all .25s ease;
    -moz-transition:    all .25s ease;
    -o-transition:      all .25s ease;
    -ms-transition:     all .25s ease;
    transition:         all .25s ease;
}

.spread-wrap .quick-navigation ul li a:hover{background-color:rgba(0,0,0,0.25);}

.spread-wrap .quick-navigation ul li a span{display:inline-block; line-height:1; padding-top:60px; background-repeat:no-repeat; background-position:center top; vertical-align:middle;}

.spread-wrap .quick-navigation ul li:nth-child(1) a span{background-image:url(/dadaelib/images/main/quick_img01.png);}
.spread-wrap .quick-navigation ul li:nth-child(2) a span{background-image:url(/dadaelib/images/main/quick_img02.png);}
.spread-wrap .quick-navigation ul li:nth-child(3) a span{background-image:url(/dadaelib/images/main/quick_img03.png);}
.spread-wrap .quick-navigation ul li:nth-child(4) a span{background-image:url(/dadaelib/images/main/quick_img04.png);}
.spread-wrap .quick-navigation ul li:nth-child(5) a span{background-image:url(/dadaelib/images/main/quick_img05.png);}



.spread-wrap .new-books{text-align:center;}

.spread-wrap .new-books > strong{display:block; font-size:25px; font-weight:700; color:#fff; letter-spacing:-1.5px;}

.spread-wrap .new-books ul{display:inline-block; width:100%; margin:20px 0; vertical-align:top; text-align:left;}

.spread-wrap .new-books ul li{float:left; width:25%; box-sizing:border-box;}

.spread-wrap .new-books ul li a{display:block; }

.spread-wrap .new-books ul li a span.thumb,
.spread-wrap .new-books ul li a dl{float:left; box-sizing:border-box;}

.spread-wrap .new-books ul li a span.thumb{position:relative; display:block; width:122px; height:176px; padding:25px 15px 0 15px; margin:10px 0; background-color:#111; box-sizing:border-box; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.spread-wrap .new-books ul li a span.thumb::before{display:inline-block; width:122px; height:4px; left:0; top:-4px; background:url(/dadaelib/images/main/book_shadow.png) no-repeat center bottom;}

.spread-wrap .new-books ul li a span strong{display:block; font-size:17px; color:#fff; font-weight:400; line-height:1.25; white-space: normal; height:2.5em; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spread-wrap .new-books ul li a span sub{display:block; margin:10px 0 38px 0; font-size:12px; font-weight:300; opacity:0.6; line-height:1; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.spread-wrap .new-books ul li a dl{width:calc(100% - 122px); padding-top:25px; padding-left:20px; padding-right:25px; font-size:15px; color:#fff;}
.spread-wrap .new-books ul li a dl dt{white-space:normal; line-height:1.75; height:3.5em; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spread-wrap .new-books ul li a dl dd{}
.spread-wrap .new-books ul li a dl dd span{display:block; margin-top:26px; width:80px; height:32px; line-height:32px; border-radius:3px; text-align:center;}
.spread-wrap .new-books ul li a dl dd span[data-rental="대출불가(관외대출중)"],
.spread-wrap .new-books ul li a dl dd span[data-rental="대출불가"]{background:#3766b9; color:#cdd6ea;}
.spread-wrap .new-books ul li a dl dd span[data-rental="대출가능"]{background:#fff; color:#3766b9;}


.spread-wrap a.more{display:inline-block; width:30px; height:30px; border-radius:30px; background:#fff url(/dadaelib/images/main/icon_new_books_more.png) no-repeat center;}


.spread-wrap .new-books ul li:nth-child(1) a span.thumb{background-image:url(/dadaelib/images/main/book_bg05.jpg);}
.spread-wrap .new-books ul li:nth-child(2) a span.thumb{background-image:url(/dadaelib/images/main/book_bg06.jpg);}
.spread-wrap .new-books ul li:nth-child(3) a span.thumb{background-image:url(/dadaelib/images/main/book_bg07.jpg);}
.spread-wrap .new-books ul li:nth-child(4) a span.thumb{background-image:url(/dadaelib/images/main/book_bg08.jpg);}


.spread-wrap .movie-list{position:absolute; width:100%; padding:35px 0 35px 120px; left:0; bottom:0; border-top:1px solid #36599b; box-sizing:border-box;}

.spread-wrap .movie-list::before{
	display:inline-block; width:120px; left:0; top:50%; content:'Movie'; font-size:24px; font-weight:400; color:#fff; letter-spacing:0; font-family:'Montserrat', sans-serif; z-index:2; text-align:center; line-height:1;
	
	-webkit-transform: translate(0, -50%);
    -moz-transform:    translate(0, -50%);
    -o-transform:      translate(0, -50%);
    -ms-transform:     translate(0, -50%);
    transform:         translate(0, -50%);
}

.spread-wrap .movie-list a{float:left; width:50%; box-sizing:border-box; padding:0 35px;}
.spread-wrap .movie-list a dl{display:inline-block; width:100%; vertical-align:top;}

.spread-wrap .movie-list a dl dt{float:left; width:47%; height:27px; line-height:27px; color:#fff; box-sizing:border-box;}
.spread-wrap .movie-list a dl dd{float:left; width:53%; height:27px; line-height:27px; color:#fff; box-sizing:border-box;}

.spread-wrap .movie-list a dl dt{}

.spread-wrap .movie-list a dl dt sup,
.spread-wrap .movie-list a dl dt span,
.spread-wrap .movie-list a dl dt sub{float:left; vertical-align:top; box-sizing:border-box;}


.spread-wrap .movie-list a dl dt sup{width:60px; border-radius:27px; font-size:14px; text-align:center; background:#eee; text-align:center;}
.spread-wrap .movie-list a dl dt sup.screen{background:#52bfec;}
.spread-wrap .movie-list a dl dt sup.end{background:#35599d;}

.spread-wrap .movie-list a dl dt span{width:calc(100% - 87px); padding:0 10px; font-size:18px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}

.spread-wrap .movie-list a dl dt sub{width:27px; border-radius:27px; font-size:11px; background:#eee; text-align:center;  font-weight:700;}
.spread-wrap .movie-list a dl dt sub.all{background:#4db500; font-family: 'Noto Sans KR', sans-serif;}
.spread-wrap .movie-list a dl dt sub.child{background:#52bfec; font-family:'Montserrat', sans-serif;}
.spread-wrap .movie-list a dl dt sub.teen{background:#f9b104; font-family:'Montserrat', sans-serif;}
.spread-wrap .movie-list a dl dt sub.adult{background:#dd0000; font-family:'Montserrat', sans-serif;}


.spread-wrap .movie-list a dl dd{font-size:16px; opacity:0.8; font-weight:300; padding-left:15px;}










/* 메인 비주얼슬라이드 공지사항 */
.dadae-notice-wrap{position:absolute; width:100%; max-width:580px; left:0; bottom:80px; z-index:3;}

@media(max-width:1280px){
	.dadae-notice-wrap{bottom:0; max-width:100%;}
}


.dadae-notice-wrap *{line-height:1;}
.dadae-notice-wrap .dadae-notice-tab{position:relative; font-size:0;}
.dadae-notice-wrap .dadae-notice-tab::before{display:inline-block; width:calc(100% - 100px); height:58px; left:100px; top:0; background:rgba(245,245,245,0.5);}
.dadae-notice-wrap .dadae-notice-tab button{display:inline-block; width:120px; height:58px; padding:0 15px; vertcial-align:top; font-size:18px; color:#777; background:rgba(255,255,255,0.7);}
.dadae-notice-wrap .dadae-notice-tab button.active{color:#5485e0;}

.dadae-notice-wrap .dadae-notice-list{padding:30px; background:rgba(255,255,255,0.7);}
.dadae-notice-wrap .dadae-notice-list dl{display:inline-block; width:100%; margin-bottom:25px; vertical-align:top;}
.dadae-notice-wrap .dadae-notice-list dl dt,
.dadae-notice-wrap .dadae-notice-list dl dd{float:left;}

.dadae-notice-wrap .dadae-notice-list dl dt{width:60px; color:#000; text-align:center;}
.dadae-notice-wrap .dadae-notice-list dl dt sup{display:inline-block; font-size:16px; vertical-align:top; line-height:20px;}
.dadae-notice-wrap .dadae-notice-list dl dt em{display:inline-block; font-size:40px; font-weight:700; line-height:40px;}

.dadae-notice-wrap .dadae-notice-list dl dd{width:calc(100% - 60px); padding-left:15px; box-sizing:border-box;}
.dadae-notice-wrap .dadae-notice-list dl dd a{color:#333;}

.dadae-notice-wrap .dadae-notice-list dl dd a em,
.dadae-notice-wrap .dadae-notice-list dl dd a span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px;}


.dadae-notice-wrap .dadae-notice-list dl dd a em{font-size:20px; font-weight:700; }
.dadae-notice-wrap .dadae-notice-list dl dd a span{font-size:17px;}


.dadae-notice-wrap .dadae-notice-list ul{}
.dadae-notice-wrap .dadae-notice-list ul li{}
.dadae-notice-wrap .dadae-notice-list ul li a{position:relative; display:block; padding:0 100px 0 10px; font-size:17px; color:#333; line-height:30px;}
.dadae-notice-wrap .dadae-notice-list ul li a::before{display:inline-block; width:2px; height:2px; left:0; top:14px; background:#5485e0; }
.dadae-notice-wrap .dadae-notice-list ul li a::after{display:inline-block; right:0; top:0; content:attr(data-date); font-size:14px; color:#777;}
.dadae-notice-wrap .dadae-notice-list ul li a span{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:30px;}
.dadae-notice-wrap .dadae-notice-list ul li a:hover{font-weight:700;}

.dadae-notice-wrap .dadae-notice-list a.more{position:absolute; width:58px; height:58px; right:0; top:0; background:url(/dadaelib/images/main/icon_notice_more_new.png) no-repeat center;}



@media(max-width:640px){
	.dadae-notice-wrap .dadae-notice-list{padding:35px 10px;}
	
	.dadae-notice-wrap .dadae-notice-list dl{margin-bottom:15px;}
	.dadae-notice-wrap .dadae-notice-list dl dt sup{font-size:13px;}
	.dadae-notice-wrap .dadae-notice-list dl dt em{font-size:31px;}
	
	.dadae-notice-wrap .dadae-notice-list dl dd a em{font-size:17px;}
	.dadae-notice-wrap .dadae-notice-list dl dd a span{font-size:13px;}
	
	.dadae-notice-wrap .dadae-notice-list ul li a{font-size:15px;}
}
@media(max-width:480px){
	.dadae-notice-wrap .dadae-notice-list{padding:15px 10px;}
	.dadae-notice-wrap .dadae-notice-list ul li a { padding: 0 20px 0 10px; }
	.dadae-notice-wrap .dadae-notice-list ul li a::after { display: none; }
	.dadae-notice-wrap .dadae-notice-tab button, .dadae-notice-wrap .dadae-notice-list a.more { height: 48px; }
}


/* 비주얼 슬라이드 카운트, 재생, 정지 버튼 */
.dadae-visual-swiper-control{position:absolute; left:0; bottom:380px; z-index:2;}
.dadae-visual-swiper-control .count,
.dadae-visual-swiper-control button,
.dadae-visual-swiper-control .dadae-visual-swiper-pagination{float:left; height:15px; line-height:1;}

.dadae-visual-swiper-control .count{margin-right:5px;}

.dadae-visual-swiper-control button{width:15px; height:15px; background-repeat:no-repeat; background-position:center;}
.dadae-visual-swiper-control button.pause{display:none; background-image:url(/dadaelib/images/main/visual_swiper_pause.png);     padding: 10px;
    border: 1px solid #a6b2d1;
    margin-top: 0;}
.dadae-visual-swiper-control button.play{background-image:url(/dadaelib/images/main/visual_swiper_play.png);     padding: 10px;
    border: 1px solid #a6b2d1;
    margin-top: 0;}

@media(max-width:1280px){
	.dadae-visual-swiper-control{left: 15px; bottom: 300px; }
}

@media(max-width:840px){
	.dadae-visual-swiper-control{ left: 10%; bottom:350px; }
}
@media(max-width:640px){
	.dadae-visual-swiper-control{ bottom:300px; }
}
@media(max-width:480px){
	.dadae-visual-swiper-control{ bottom:250px; }
}
@media(max-width:360px){
	.dadae-visual-wrap .dadae-visual-swiper { min-width: 320px; }
	.dadae-visual-swiper-control{ bottom:230px; }
}


/* 
	************************************************************************************************ 
	************************************************************************************************
*/


/* 메인 퀵 버튼 */
.dadae-library-quick{display:inline-block; width:100%; vertical-align:top; border-bottom:1px solid #dee1e3;}
.dadae-library-quick .full{max-width:100%; width:100%;}

.dadae-library-quick ul li{float:left; box-sizing:border-box; width:14.2%;}
.dadae-library-quick ul li a{display:block; height:176px; line-height:176px; padding-top:115px; box-sizing: border-box; text-align:center; font-size:18px; color:#000; background-repeat:no-repeat; background-position:50% 42px;}
.dadae-library-quick ul li a span{padding-top: 5px; display:block; line-height:1.4em;}
.dadae-library-quick ul li a:hover span { color: #003D89; }

.dadae-library-quick ul li:nth-child(1) a{background-image:url(/dadaelib/images/main/library_quick_icon01.png);}
.dadae-library-quick ul li:nth-child(2) a{background-image:url(/dadaelib/images/main/library_quick_icon02.png);}
.dadae-library-quick ul li:nth-child(3) a{background-image:url(/dadaelib/images/main/library_quick_icon03.png);}
.dadae-library-quick ul li:nth-child(4) a{background-image:url(/dadaelib/images/main/library_quick_icon04.png);}
.dadae-library-quick ul li:nth-child(5) a{background-image:url(/dadaelib/images/main/library_quick_icon05.png);}
.dadae-library-quick ul li:nth-child(6) a{background-image:url(/dadaelib/images/main/library_quick_icon06.png);}
.dadae-library-quick ul li:nth-child(7) a{background-image:url(/dadaelib/images/main/library_quick_icon07.png);}
.dadae-library-quick ul li:nth-child(8) a{background-image:url(/dadaelib/images/main/library_quick_icon08.png);}



@media(max-width:1024px){
	#quick .inner { margin: 0 0; }
	.dadae-library-quick { border-top: 1px solid #dee1e3; }
	.dadae-library-quick ul li{width:25%; }
	.dadae-library-quick ul li a span { font-size: 16px; }
}

@media(max-width:640px){
	.dadae-library-quick ul li a { height:126px; line-height:126px; padding-top:98px; background-position: 50% 20px }
	.dadae-library-quick ul li a span { font-size: 15px; letter-spacing: -1px; }
}
@media(max-width:480px){
	.dadae-library-quick ul li a { height: 116px; line-height: 116px; padding-top: 88px; background-position: 50% 15px }
	.dadae-library-quick ul li a span { font-size: 13px; }
}


/* 
	************************************************************************************************ 
	************************************************************************************************
*/


/* 메인 퀵 배너 및 달력 */
.dadae-library-service{display:inline-block; width:100%; vertical-align:top; padding:90px 0;}
.dadae-library-service .inner{position:relative;}

.dadae-library-service .dadae-library-banner-swiper,
.dadae-library-service .dadae-library-banner,
.dadae-library-service .dadae-library-calendar{float:left; height:340px; box-sizing:border-box;}



/* 배너 슬라이드 */
.dadae-library-service .dadae-library-banner-swiper{position:relative; width:580px; overflow:hidden;}
.dadae-library-service .dadae-library-banner-swiper .swiper-wrapper{}
.dadae-library-service .dadae-library-banner-swiper .swiper-wrapper .swiper-slide{position:relative;}
.dadae-library-service .dadae-library-banner-swiper .swiper-wrapper .swiper-slide a{display:block;}
/* .dadae-library-service .dadae-library-banner-swiper .swiper-wrapper .swiper-slide a{position:absolute; padding:0 20px; left:70px; bottom:50px; height:35px; line-height:35px; border:1px solid #fff; font-size:14px; color:#fff;}
.dadae-library-service .dadae-library-banner-swiper .swiper-wrapper .swiper-slide a span{padding-right:25px; background:url(/dadaelib/images/main/icon_banner_more.png) no-repeat right center;} */
.dadae-library-service .dadae-library-banner-swiper .swiper-wrapper .swiper-slide a img{width:100%; max-width:100%;}

/* 배너슬라이드 카운터 및 재생, 정지, 페이징 처리 */
.dadae-library-service .dadae-library-banner-control{position:absolute; right:12px; top:12px; z-index:1; background: #fff; padding: 12px 15px;  border-radius: 30px;  box-shadow: 0px 0px 9px #00000026;}
.dadae-library-service .dadae-library-banner-control .count,
.dadae-library-service .dadae-library-banner-control button,
.dadae-library-service .dadae-library-banner-control .banner-pagination{float:left; margin-top: 6px;}

.dadae-library-service .dadae-library-banner-control .count{margin-top:3px; margin-right:15px; line-height:1;}
.dadae-library-service .dadae-library-banner-control .count span{float:left; font-size:13px; color:#555;}
.dadae-library-service .dadae-library-banner-control .count span.current{font-weight:700;}
.dadae-library-service .dadae-library-banner-control .count span.total{}

.dadae-library-service .dadae-library-banner-control button{width:8px; height:8px; background-repeat:no-repeat; background-position:center;}
.dadae-library-service .dadae-library-banner-control button.banner-play{display:none; background-image:url(/dadaelib/images/main/icon_banner_play.png); padding: 10px; border: 1px solid #c1c1c1; margin-top: 0;}
.dadae-library-service .dadae-library-banner-control button.banner-pause{background-image:url(/dadaelib/images/main/icon_banner_pause.png); padding: 10px; border: 1px solid #c1c1c1; margin-top: 0;}


.dadae-library-service .dadae-library-banner-control .banner-pagination{margin-left:10px;}
.dadae-library-service .dadae-library-banner-control .banner-pagination .bullets{float:left; width:8px; height:8px; margin:0 3px; background:#555; cursor:pointer;}
.dadae-library-service .dadae-library-banner-control .banner-pagination .bullets:focus{outline:none;}
.dadae-library-service .dadae-library-banner-control .banner-pagination .bullets-active{background:#2b5bce; width: 20px; }


/* 고정배너 */
.dadae-library-service .dadae-library-banner{width:370px; padding:0 20px;}
.dadae-library-service .dadae-library-banner a{position:relative; display:block; height:160px; box-sizing:border-box; padding:35px 45px;}
.dadae-library-service .dadae-library-banner a::before{display:inline-block; width:30px; height:10px; left:45px; bottom:40px; background:url(/dadaelib/images/main/icon_banner_more_arrow.png) no-repeat center;}
.dadae-library-service .dadae-library-banner a::after{display:inline-block; width:130px; height:110px; right:0; bottom:0; background-repeat:no-repeat; background-position:center;}
.dadae-library-service .dadae-library-banner a.lib{margin-bottom:20px; background:#1648a6;}
.dadae-library-service .dadae-library-banner a.res{background:#858d9c;}

.dadae-library-service .dadae-library-banner a.lib::after{background-image:url(/dadaelib/images/main/icon_banner_img01.png);}
.dadae-library-service .dadae-library-banner a.res::after{background-image:url(/dadaelib/images/main/icon_banner_img02.png);}

.dadae-library-service .dadae-library-banner a span{font-size:19px; font-weight:700; color:#fff; line-height:1.1;}



/* 달력 */
.dadae-library-service .dadae-library-calendar{position:relative; width:calc(100% - 950px); padding:0 20px; border:1px solid #dcdcdd; text-align:center;}

/* 날짜 표시 및 이전, 다음 달 버튼 */
.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header{position:relative; display:inline-block; margin:35px 0;}
.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header button{position:absolute; width:50px; height:100%; top:0; background-repeat:no-repeat; background-position:center; vertical-align:top;}
.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header button.month-prev{left:-50px; background-image:url(/dadaelib/images/main/icon_calendar_prev.png);}
.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header button.month-next{right:-50px; background-image:url(/dadaelib/images/main/icon_calendar_next.png);}
.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header button.month-prev:hover{background-image:url(/dadaelib/images/main/icon_calendar_prev_on.png);}
.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header button.month-next:hover{background-image:url(/dadaelib/images/main/icon_calendar_next_on.png);}

.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header strong{display:inline-block; line-height:1; font-family:'Montserrat', sans-serif; font-weight:normal;}
.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header strong mark{display:block; font-size:38px; font-weight:700; color:#474d58;}
.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header strong sub{display:inline-block; line-height:1; font-size:14px; font-weight:300; color:#70747b;}

/* 달력 테이블 */
.dadae-library-service .dadae-library-calendar table{width:100%; table-layout:fixed; font-family:'Montserrat', sans-serif;}
.dadae-library-service .dadae-library-calendar table tbody{}
.dadae-library-service .dadae-library-calendar table tbody td{height:30px; vertical-align:middle;}
.dadae-library-service .dadae-library-calendar table tbody td:nth-child(1){color:#d84200;}
.dadae-library-service .dadae-library-calendar table tbody td > span,
.dadae-library-service .dadae-library-calendar table tbody td > a{display:inline-block; width:25px; height:25px; border-radius:25px; line-height:25px; font-weight:300;}
.dadae-library-service .dadae-library-calendar table tbody td > span.holiday{background:#ffe3e3;  color: #484E59; font-weight: normal; border: 2px solid #ffc3c3;}
.dadae-library-service .dadae-library-calendar table tbody td a{background:#d0e3f7; color: #484E59; font-weight: normal; border: 2px solid #91c7ff;}



/* 달력 테이블 범례 */
.dadae-library-service .dadae-library-calendar .dadae-library-legend{position:absolute; right:20px; bottom:20px;}
.dadae-library-service .dadae-library-calendar .dadae-library-legend span{position:relative; float:left; padding-left:12px; font-size:13px; color:#6b7079;}
.dadae-library-service .dadae-library-calendar .dadae-library-legend span::before{display:inline-block; width:8px; height:8px; border-radius:8px; left:0; top:50%; margin-top:-3px;}
.dadae-library-service .dadae-library-calendar .dadae-library-legend span.holiday{}
.dadae-library-service .dadae-library-calendar .dadae-library-legend span.holiday::before{background:#ff4f4f;}
.dadae-library-service .dadae-library-calendar .dadae-library-legend span.event{margin-left:20px;}
.dadae-library-service .dadae-library-calendar .dadae-library-legend span.event::before{background:#4b8fd7;}




@media(max-width:1280px){
	.dadae-library-service{padding:50px 0;}
	

	
	.dadae-library-service .dadae-library-banner{width:100%; height:160px; margin-top:10px; padding:0;}
	.dadae-library-service .dadae-library-banner a{float:left; width:calc(50% - 5px); margin-right:10px;}
	.dadae-library-service .dadae-library-banner a:last-child{margin-right:0;}
	
	.dadae-library-service .dadae-library-calendar{position:absolute; right:0; top:0; width:calc(100% - 590px);}
}

@media(max-width:880px){
	.dadae-library-service{}
	.dadae-library-service .inner{display:inline-block; width:calc(100% - 20px); vertical-align:top;}
	
	.dadae-library-service .dadae-library-banner-swiper{width:100%; height:auto;}
	
	.dadae-library-service .dadae-library-banner{margin-top:360px; height:130px;}
	.dadae-library-service .dadae-library-banner a{height:130px; padding:25px;}
	.dadae-library-service .dadae-library-banner a::before{left:25px;}
	.dadae-library-service .dadae-library-banner a::after{width:100px; height:90px; background-size:55px;}
	.dadae-library-service .dadae-library-banner a span{font-size:17px;}
	
	.dadae-library-service .dadae-library-calendar{width:100%; bottom:140px; top:auto; right:auto; left:0;}
}
@media(max-width:480px){
	.dadae-library-service{ padding: 20px 0; }
	.dadae-library-service .dadae-library-calendar { height: 300px; }
	.dadae-library-service .dadae-library-calendar .dadae-library-calendar-header { margin: 20px 0; }
	.dadae-library-service .dadae-library-banner { margin-top: 320px; }
	.dadae-library-service .dadae-library-banner a { padding: 15px; }
	
}	

/* 
	************************************************************************************************ 
	************************************************************************************************
*/


/* 이달의 추천도서 */
.dadae-library-books{overflow:hidden;}
.dadae-library-books .el{position:relative; left:50%; margin-left:-640px; text-align:left;}

/* 이달의 추천도서 탭 */
.dadae-library-books .dadae-library-books-tab{position:relative; display:inline-block; width:100%; max-width:1280px; vertical-align:top; margin-bottom:20px; box-sizing:border-box;}

.dadae-library-books .dadae-library-books-tab strong,
.dadae-library-books .dadae-library-books-tab ul{float:left;}

.dadae-library-books .dadae-library-books-tab strong{margin-right:20px; font-size:24px; color:#000; font-weight:700; letter-spacing:-1px;}
.dadae-library-books .dadae-library-books-tab ul{}
.dadae-library-books .dadae-library-books-tab ul li{position:relative; float:left; padding-top:13px;}
.dadae-library-books .dadae-library-books-tab ul li::before{
	opacity:0; display:inline-block; width:5px; height:5px; border-radius:5px; left:50%; top:10px; margin-left:-2px; background:#4d80de;
	
	-webkit-transition: all .35s ease;
    -moz-transition:    all .35s ease;
    -o-transition:      all .35s ease;
    -ms-transition:     all .35s ease;
    transition:         all .35s ease;
}


.dadae-library-books .dadae-library-books-tab ul li button{position:relative; padding:0 15px; font-size:14px; color:#797d83;}
.dadae-library-books .dadae-library-books-tab ul li button::before{display:inline-block; width:1px; height:14px; right:0; top:0; background:#e1e1e1;}
.dadae-library-books .dadae-library-books-tab ul li:last-child button::before{display:none;}
.dadae-library-books .dadae-library-books-tab ul li.active button{font-weight:700; color:#000;}
.dadae-library-books .dadae-library-books-tab ul li.active::before{opacity:1; top:7px;}

.dadae-library-books .dadae-library-books-tab a.more{position:absolute; right:0; top:50%; font-size:14px; font-weight:700; color:#000; line-height:1;}
.dadae-library-books .dadae-library-books-tab a.more span{padding-right:35px; background:url(/dadaelib/images/main/icon_books_more.png) no-repeat right center;}


/* 이달의 추천도서 슬라이드  */
.dadae-library-books .dadae-library-books-swiper-wrap{position:relative; padding:45px 65px; background:#dfebf7;}
.dadae-library-books .dadae-library-books-swiper-wrap .total{margin-bottom:50px; font-size:14px; font-family:'Montserrat', sans-serif; font-weight:400; letter-spacing:0.5px;}
.dadae-library-books .dadae-library-books-swiper-wrap .total span{font-weight:700;}


.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper{overflow:hidden; margin-left:25px; padding:10px;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper{}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide{}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide a{display:block;}

.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide a span.thumb,
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide a dl{float:left; box-sizing:border-box;}

.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide a span.thumb{position:relative; width:122px; height:176px; background-color:#111; box-sizing:border-box; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide a span.thumb::before{display:inline-block; width:122px; height:4px; left:0; top:-4px; background:url(/dadaelib/images/main/book_shadow.png) no-repeat center bottom;}

.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide a dl{width:calc(100% - 122px); padding-top:15px; padding-left:15px; color:#484d55;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide a dl dt{margin-bottom:20px; font-size:18px; letter-spacing:-1px; font-weight:700; white-space: normal; line-height:1.35; height:2.7em; text-overflow:ellipsis; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper .swiper-wrapper .swiper-slide a dl dd{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; opacity:0.8; line-height:1.75; }



/* 이달의 추천도서 이전 및 다음 버튼 */
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control{position:absolute; left:-25px; top:50%; margin-top:-50px;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control::before{display:inline-block; width:100%; height:1px; left:0; top:50px; background:#d1d3d8; z-index:1;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control button{position:relative; display:block; width:50px; height:50px; background:#fff; box-sizing:border-box; border:1px solid #d1d3d8; background-repeat:no-repeat; background-position:center;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control button:hover::before{display:inline-block; width:50px; height:50px; left:-1px; bottom:-1px; border:1px solid #5c8be1; box-sizing:border-box;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control button.books-prev{background-image:url(/dadaelib/images/main/icon_books_prev.png); border-bottom:0;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control button.books-next{background-image:url(/dadaelib/images/main/icon_books_next.png); border-top:0;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control button.books-prev:hover{background-color:#5c8be1; background-image:url(/dadaelib/images/main/icon_books_prev_on.png);}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control button.books-next:hover{background-color:#5c8be1; background-image:url(/dadaelib/images/main/icon_books_next_on.png);}


/* 이달의 추천도서 페이징 처리 */
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-paging{position:relative; max-width:1215px; margin-top:50px; height:2px; border-radius:2px; background:#cad6e1;}
.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-paging .bar{
	position:absolute; left:0; top:-1px; width:100px; height:4px; border-radius:4px; background:#4f647a;
	
	-webkit-transition: all .5s ease;
    -moz-transition:    all .5s ease;
    -o-transition:      all .5s ease;
    -ms-transition:     all .5s ease;
    transition:         all .5s ease;
}





@media(max-width:1400px){
	.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-control{left:20px;}	
}


@media(max-width:1280px){
	.dadae-library-books .el{left:0; margin-left:0; position:initial;}
	
	.dadae-library-books .dadae-library-books-tab{padding:0 10px;}
	.dadae-library-books .dadae-library-books-tab strong{padding-top:7px; font-size:19px;}
	.dadae-library-books .dadae-library-books-tab ul li button{font-size:13px;}
	.dadae-library-books .dadae-library-books-tab a.more{right:10px;}
	
	.dadae-library-books .dadae-library-books-swiper-wrap .total{margin-bottom:25px;}
	
	.dadae-library-books .dadae-library-books-swiper-wrap .dadae-library-books-swiper{width:1920px;}
}

@media(max-width:768px){
	.dadae-library-books .dadae-library-books-tab{ text-align:center;}
	
	.dadae-library-books .dadae-library-books-tab strong,
	.dadae-library-books .dadae-library-books-tab ul{float:none;}


	.dadae-library-books .dadae-library-books-tab strong{display:block; width:100%; margin-bottom:10px; padding-top:0;}
	.dadae-library-books .dadae-library-books-tab ul{display:inline-block; font-size:0;}
	.dadae-library-books .dadae-library-books-tab ul li{float:none; display:inline-block; padding-top:17px;}
	
	.dadae-library-books .dadae-library-books-tab a.more{top:10px;}
}
@media(max-width:480px){
	.dadae-library-books .dadae-library-books-swiper-wrap { padding: 25px 55px; }
}	

/* 
	************************************************************************************************ 
	************************************************************************************************
*/


/* 온라인 강좌 */
.dadae-library-online-education{padding:100px 0 75px 0;}
.dadae-library-online-education .inner{position:relative;}

/* 온라인 강좌 탭 */
.dadae-library-online-education .dadae-library-online-education-tab{position:absolute; left:0; top:17px;}
.dadae-library-online-education .dadae-library-online-education-tab ul{}
.dadae-library-online-education .dadae-library-online-education-tab ul li{position:relative; float:left;}
.dadae-library-online-education .dadae-library-online-education-tab ul li::before{
	opacity:0; display:inline-block; width:5px; height:5px; border-radius:5px; left:50%; top:-10px; margin-left:-2px; background:#4d80de;
	
	-webkit-transition: all .35s ease;
    -moz-transition:    all .35s ease;
    -o-transition:      all .35s ease;
    -ms-transition:     all .35s ease;
    transition:         all .35s ease;
}
.dadae-library-online-education .dadae-library-online-education-tab ul li button{position:relative; padding:0 15px; font-size:14px; color:#797d83;}
.dadae-library-online-education .dadae-library-online-education-tab ul li button::before{display:inline-block; width:1px; height:14px; right:0; top:0; background:#e1e1e1;}
.dadae-library-online-education .dadae-library-online-education-tab ul li:last-child button::before{display:none;}
.dadae-library-online-education .dadae-library-online-education-tab ul li.active button{font-weight:700; color:#000;}
.dadae-library-online-education .dadae-library-online-education-tab ul li.active::before{opacity:1; top:-5px;}

.dadae-library-online-education strong{display:block; margin-bottom:25px; text-align:center; font-size:24px; font-weight:700; color:#000; letter-spacing:-1px;}

/* 온라인 강좌 전체 슬라이드 카운트 */
.dadae-library-online-education .total{position:absolute; right:0; top:17px; letter-spacing:0.5px; font-family:'Montserrat', sans-serif;}
.dadae-library-online-education .total span{font-weight:700;}


@media(max-width:1280px){
	.dadae-library-online-education{padding:50px 0;}
	
	.dadae-library-online-education strong{margin-bottom:50px; font-size:19px;}
	
	.dadae-library-online-education .dadae-library-online-education-tab,
	.dadae-library-online-education .total{top:50px;}
	
}

/* 온라인 강좌 전체 슬라이드 */
.dadae-library-online-education .dadae-library-online-education-swiper{overflow:hidden;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper {}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide{}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a{position:relative; display:block; width:100%; height:300px; border:1px solid #dcdcdd; padding:60px; box-sizing:border-box;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a sup{position:absolute; right:20px; top:20px; padding:0 15px; border-radius:30px; height:28px; line-height:28px; background:#edeff2; font-size:13px; color:#797d83; font-weight:700;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a em{display:block; margin-bottom:20px; font-size:22px; font-weight:600; letter-spacing:-1px; color:#000; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a dl{display:inline-block; width:100%; vertical-align:top; font-size:14px; line-height:1.85;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a dl dt,
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a dl dd{float:left; padding-left:5px; box-sizing:border-box;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a dl dt{position:relative; width:75px; color:#7c7e82;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a dl dt::before{display:inline-block; width:2px; height:2px; left:0; top:50%; margin-top:-1px; background:#636872;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a dl dd{width:calc(100% - 75px); color:#474e5c;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a button{display:block; width:130px; height:50px; margin:30px auto 0 auto; border-radius:50px; background:#5385df; font-size:17px; color:#fff;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a button:disabled{background:#636871;}
.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a:hover { background: #F7F7FF; }

/* 온라인 강좌 페이징 처리 */
.dadae-library-online-education .dadae-library-online-education-paging{margin:35px 0; text-align:center;}

.dadae-library-online-education .dadae-library-online-education-paging .bullets{display:inline-block; width:6px; height:6px; border-radius:6px; margin:0 6px; background:#60656e; cursor:pointer;}
.dadae-library-online-education .dadae-library-online-education-paging .bullets:focus{outline:none;}
.dadae-library-online-education .dadae-library-online-education-paging .bullets-active{background:#4d80de; width: 20px;}

/* 온라인 강좌 더보기 */
.dadae-library-online-education a.more{display:block; margin:0 auto; width:29px; height:29px; border-radius:29px; border:1px solid #000; background:url(/dadaelib/images/main/icon_online_more.png) no-repeat center;}


@media(max-width:1280px){
	.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a{padding:60px 25px 35px 25px; height:auto;}
	.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a em{font-size:19px;}
	
	.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a button{height:40px; font-size:15px;}
	
}


@media(max-width:480px){
	.dadae-library-online-education { padding: 30px; }
	.dadae-library-online-education .dadae-library-online-education-swiper .swiper-wrapper .swiper-slide a { padding: 30px; }
	.dadae-library-online-education .dadae-library-online-education-tab, .dadae-library-online-education .total { top: 30px; }
	.dadae-library-online-education strong { margin-bottom: 35px; }
	.dadae-library-online-education .dadae-library-online-education-paging { margin: 20px 0; }
}


/* 
	************************************************************************************************ 
	************************************************************************************************
*/