@charset "UTF-8";


/* 공통 스타일 리셋 */
a:hover{text-decoration:none;}
mark{background:none; color:inherit;}

body{font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; overflow:hidden;}

select{
	padding:0 40px 0 15px; background:url(/dadaelib/images/ydk/icon_select_arrow.png) no-repeat right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/* 레이아웃 공통 */
.inner{max-width:1280px; margin:0 auto;}
.full{max-width:1280px; margin:0 auto;}

*::before,
*::after{position:absolute; display:none; content:'';}

.hidden{display:none; opacity:0;}

@media(max-width:1280px){
	.inner{margin:0 10px;}
}

@media(max-width:1024px){
	/* 기존 공용 소스 */
	.headerother{height:35px; border-bottom:0;}
	
	.othersite {position:relative; margin-top:0px; height:35px; width:100%;}
	.othersite li{float:left; width:20% !important; height:35px !important; line-height:35px !important; margin-left:0 !important; margin-top:0 !important; padding-top:0 !important; box-sizing:border-box; font-size:13px; text-align:center;}
	
	.othersite li:nth-child(1) {background:#414286;}
	.othersite li:nth-child(2) {background:#de5281;}
	.othersite li:nth-child(3) {background:#4e77ed;}
/* 	.othersite li:nth-child(4) {background:#47b3e4;} */
	.othersite li:nth-child(4) {background:#fff;}
	.othersite li:nth-child(4) a{color:#0054a6 !important;}
	.othersite li:nth-child(5) { background: #0CA0AE; padding:0; }
	
	.othersite li a{background:none !important; padding:0 !important; color:#fff !important;}
	.othercon{display:none;}
	
	
	#foot_menus { background:#fff;     height: auto;}
	.foot_menus {margin:9px 15px; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
	.foot_menus:after {content:""; clear:both; display:block; height:0;} 
	.foot_menus > li { box-sizing: border-box;
	border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb;
	float: left;
	position: relative;
	width: 50%;
	}
	
	.foot_menus > li > button {
	    border-right: 0px solid #dbdbdb;
	    background-position: 97% -792px;
	    height: 36px;line-height: 36px;
	}
	
	.foot_menus > li:first-child > button {
	    border-left: 0px solid #dbdbdb;
	}
	
	#foot_util { height:90px;border-bottom:1px solid #525252; background:#747474}
	#foot_util ul{width:100%;}
	
	.foot_util li {float:left; text-align:left; height:23px; padding:11px 0; width:25%; background:none;}
	.foot_util li:first-child {background:none;}
	.foot_util li a {display:block;padding:0 18px;color:#fff;text-decoration:none;transition:background .3s, color .3s}
	.foot_util li:first-child a {}
	.foot_util li a:hover, .foot_util li a:active, .foot_util li a:focus {background:#1a1b1c;color:#ccc}
	.foot_count {float:right}	
	
	#foot_info {height:220px;position:relative;padding:26px 0 40px;background:#5f5f5f;color:#dcdcdc;font-size:0.923em;line-height:1.667;text-align:center;}
	.foot_logo {position:absolute; top:180px; left:50%; margin-left:-48px; width:96px;height:70px;}
	address {padding:0 40px;}
	
	#foot_info p {padding:0 40px;}
	.gotop {display:block;}
	
	.gnb_field_list > li {    width: 250px; }
}

@media (max-width:480px) {
	#foot_info { padding: 30px 0 50px; }
	#foot_info .inner { }
	/* 기존 공용 소스 */
	.foot_menus > li { width: 100%; }
	.foot_menus ul .col2 { width: 50%; }
	.foot_menus > li > button { padding-left: 8px; }
	.foot_menus ul li a { display: block; padding-left: 18px; background-position: 10px -599px; line-height: 2;	}	
	
	#foot_util { height: 112px; }
	#foot_util .inner { margin: 0!important; }
	#foot_util ul { height: 68px; overflow: hidden; }
	.foot_util li { display:inline-block; width: auto; box-sizing: border-box; padding: 10px 3px; }
	.foot_util li a { font-size:0.85em;padding: 0 10px; text-align:center; }
	
	.foot_count { float: none; clear: both;}
	.foot_count li{ border-bottom: 1px solid #525252; width: 50%; box-sizing: border-box; padding: 5px 10px 5px 5px; text-align: center; } 
	
	address, #foot_info p { padding: 0 15px 5px; }
	.qrcode { display: none; }
	
	.foot_logo { top: 160px; }
}



/* 해더 로그인 버튼 */
.dadaelib-login,
.dadaelib-join, 
.dadaelib-confirm{display:inline-block; height:35px; line-height:35px; padding:0 20px; font-size:13px; font-weight:700;}

.dadaelib-login{background:#2459B8;}
.dadaelib-join{background:#d83b6d;}
.dadaelib-confirm{background:#00769B;}

.dadaelib-login span,
.dadaelib-join span, 
.dadaelib-confirm span{padding-left:15px; display:inlnie-block; line-height:1; color:#fff;}

.dadaelib-login span{background:url(/dadaelib/images/layout/icon_login.png) no-repeat left center;}
.dadaelib-join span{background:url(/dadaelib/images/layout/icon_member.png) no-repeat left center;}
.dadaelib-confirm span{background:url(/dadaelib/images/layout/icon_confirm.png) no-repeat left center;}




/* 슬라이드 페이징 */

.dadae-pagination{}
.dadae-pagination .bullets{display:inline-block; width:8px; height:8px; margin-right:6px; background:rgb(10 26 57); cursor:pointer;}
.dadae-pagination .bullets:focus{outline:none;}
.dadae-pagination .bullets-active{ background:#fff; width: 20px;}



.dadae-visual-swiper-pagination{margin-left:5px;}
.dadae-visual-swiper-pagination .bullets{display:inline-block; width:8px; height:8px; margin-right:5px; margin-top:5px; background:#555; cursor:pointer; vertical-align:top;}
.dadae-visual-swiper-pagination .bullets:focus{outline:none;}
.dadae-visual-swiper-pagination .bullets-active{width:20px; background:#2b5bce;}

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


/* 다대 도서관 해더 */
.dadae-header{position:relative; height:100px;}
.dadae-header::before{
	display:block; width:100%; height:inherit; background:#fff; z-index:2; border-bottom:1px solid #fff; box-sizing:border-box; box-shadow:0 0 15px rgba(0,0,0,0);
	
	-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-header.on::before{border-bottom:1px solid #e0e4e6; box-shadow:0 0 15px rgba(0,0,0,0.1);}

.dadae-header .full{position:relative; height:inherit; z-index:9;}

.dadae-header .dim{
	visibility:hidden; opacity:0; z-index:-999; position:absolute; width:100%; height:300px; left:0; top:100px; background:#fff; border-bottom:1px solid #e0e4e6; box-shadow:0 0 20px rgba(0,0,0,0.2);
	
	-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-header.on .dim{visibility:visible; opacity:1; z-index:1;}

/* .dadae-header .inner::before{display:inline-block; width:100%; right:-100%; height:100px; background:#52bfec;} */
.dadae-header .dadae-logo{position:absolute; width:225px; height:100%; left:0; top:0; z-index: 1;}
.dadae-header .dadae-logo a{display:block; width:100%; height:100%; background:url(/dadaelib/images/common/logo.png) no-repeat left center;}


.dadae-header button.hamburger{display:none; position:absolute; width:80px; height:80px; right:80px; top:0; background:url(/dadaelib/images/common/icon_hamburger.png) no-repeat center; background-size:30px; z-index:99;}

@media(max-width:1024px){
	.dadae-header button.hamburger{display:block;}
}

.dadae-header .dadae-gnb{/*margin-left:250px;*/ position: absolute;   left: 0;  top: 0;  padding: 0 20%; z-index: 0;}
.dadae-header .dadae-gnb > ul{position:relative;}
.dadae-header .dadae-gnb > ul > li{float:left;}

.dadae-header .dadae-gnb > ul > li > a{position:relative; display:block; display:block; width:100%; height:100px; line-height:100px; padding:0 13px; margin:0 13px; font-size:18px; font-weight:600; color:#000; box-sizing:border-box; text-align:center; letter-spacing:-1px;}
.dadae-header .dadae-gnb > ul > li > a::after{
	display:inline-block; width:0; height:5px; left:50%; bottom:0; background:#5485e0; transform:translate(-50%, 0);
	
	-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-header .dadae-gnb > ul > li.on > a::after{width:100%;}

/* .dadae-header .dadae-gnb > ul > li > a:hover{color:#395ec4;} */
.dadae-header .dadae-gnb > ul > li > a::before{display:inline-block; width:1px; height:15px; background:#ddd; right:0; top:50%; margin-top:-8px;}
.dadae-header .dadae-gnb > ul > li:last-child > a::before{display:none;}
.dadae-header .dadae-gnb > ul > li > a > span{display:inline-block; line-height:1;}


.dadae-header .dadae-gnb > ul > li > a + ul{
	visibility:hidden; opacity:0; z-index:-999; position:absolute; left:0; top:100px; margin-top:60px; border-left:1px solid #e0e4e6;
	
	-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-header .dadae-gnb > ul > li.on > a + ul{visibility:visible; opacity:1; z-index:2; margin-top:50px; width: 1000px;}

/* .dadae-header .dadae-gnb > ul > li:not(:first-child) > a + ul{display:none;} */
.dadae-header .dadae-gnb > ul > li > a + ul > li{float:left; padding:0 27px;}

.dadae-header .dadae-gnb > ul > li > a + ul > li > a{display:block; font-size:16px; font-weight:700; color:#282828; line-height:1; letter-spacing:-1px;}
.dadae-header .dadae-gnb > ul > li > a + ul > li:hover > a{color:#5485e0;}

.dadae-header .dadae-gnb > ul > li > a + ul > li > a + ul{margin-top:15px;}
.dadae-header .dadae-gnb > ul > li > a + ul > li > a + ul li{}
.dadae-header .dadae-gnb > ul > li > a + ul > li > a + ul li a{position:relative; display:block; padding:6px 10px; font-size:14px; font-weight:400; letter-spacing:-1px; color:#6a6d73; line-height:1; background:url(/dadaelib/images/common/icon_gnb_arrow.png) no-repeat left center;}
.dadae-header .dadae-gnb > ul > li > a + ul > li > a + ul li:hover a{color:#282828; font-weight:700;}


.dadae-header .dadae-gnb > ul > li > a + ul::before{display:inline-block; left:-230px; top:0; font-size:24px; font-weight:700; letter-spacing:-2px; color:#414286; line-height:1;}
.dadae-header .dadae-gnb > ul > li > a + ul::after{display:inline-block; left:-230px; top:40px; white-space:pre; font-size:13px; color:#ababab; line-height:1.35;}


.dadae-header .dadae-gnb > ul > li > a + ul::after{content:'꿈·감동·지혜가 숨쉬는 \A 행복도서관';}

.dadae-header .dadae-gnb > ul > li:nth-child(1) > a + ul::before{content:'도서관 안내';}
.dadae-header .dadae-gnb > ul > li:nth-child(2) > a + ul::before{content:'자료검색';}
.dadae-header .dadae-gnb > ul > li:nth-child(3) > a + ul::before{content:'도서관 서비스';}
.dadae-header .dadae-gnb > ul > li:nth-child(4) > a + ul::before{content:'독서·문화 프로그램';}
.dadae-header .dadae-gnb > ul > li:nth-child(5) > a + ul::before{content:'참여마당';}




@media(max-width:1280px){
	.dadae-header{height:80px;}
	.dadae-header .dim{top:80px;}
	.dadae-header .dadae-gnb > ul > li > a + ul{top:80px; }
	.dadae-header .dadae-gnb > ul > li.on > a + ul{width:auto;}
	.dadae-header .dadae-logo{left:10px; width:170px;}
	.dadae-header .dadae-logo a{background-size:160px;}
	
	.dadae-header .dadae-gnb{/*margin-left:170px;*/}
	.dadae-header .dadae-gnb > ul > li > a{font-size:16px; height:80px; padding:0 12px; margin:0 12px; line-height:80px;}
}

@media(max-width:1180px){
	.dadae-header .dadae-gnb > ul > li > a{font-size:15px;}
}

@media(max-width:1024px){
	.dadae-header .dadae-gnb{display:none;}
}





/* 다대도서관 해더 도서 검색 */

.dadae-header .dadae-book-search{
	position:absolute; right:0; top:0; width:200px; height:100%; z-index:10; text-align:right;
	
	-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-header .dadae-book-search::before{
	display:inline-block; left:0; top:0; width:3840px; height:100%; background:#1648a6; z-index:-1;
	
	-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-header .dadae-book-search button{
	 position:absolute; right:0; top:0;
	-webkit-transition: all .3s ease;
    -moz-transition:    all .3s ease;
    -o-transition:      all .3s ease;
    -ms-transition:     all .3s ease;
    transition:         all .3s ease;
}


/* .dadae-header .dadae-book-search *:focus{border:2px solid red;} */



.dadae-header .dadae-book-search button.toggle{visibility:visible; opacity:1; width:200px; height:100px;}
.dadae-header .dadae-book-search button[type="submit"]{visibility:hidden; opacity:0; width:100px; height:100px; right:-10px; background-image:url(/dadaelib/images/common/icon_search.png); background-position:center; background-repeat:no-repeat;}

.dadae-header .dadae-book-search button:focus{outline:none;}
.dadae-header .dadae-book-search button.toggle span{display:inline-block; height:25px; line-height:25px; padding-left:30px; background-image:url(/dadaelib/images/common/icon_search.png); background-position:left center; background-repeat:no-repeat; font-size:19px; font-weight:700; color:#fff;}

.dadae-header .dadae-book-search button.close{visibility:hidden; opacity:0; width:50px; height:100px; right:90px; top:0; background:url(/dadaelib/images/common/icon_search_close.png) no-repeat center;}








.dadae-header .dadae-book-search label,
.dadae-header .dadae-book-search input{
	position:absolute; top:0; text-align:left; visibility:hidden; opacity: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;
	
}

.dadae-header .dadae-book-search label{position:absolute; width:125px; height:100%; line-height:100px; left:0; font-size:21px; font-weight:700; color:#fff; font-family:'Montserrat', sans-serif; box-sizing:border-box;}

.dadae-header .dadae-book-search input{width:calc(100% - 300px); height:100%; left:135px; background:none; color:#fff; font-size:17px; border:0; padding:0;}
.dadae-header .dadae-book-search input::placeholder{font-size:20px; font-weight:700; color:#fff; opacity:0.32; text-align:center;}



.dadae-header .dadae-book-search.on{width:100%; z-index:999;}
.dadae-header .dadae-book-search.on::before{left:-640px;}

 

.dadae-header .dadae-book-search.on label{visibility:visible; opacity:1;}
.dadae-header .dadae-book-search.on label::before{display:inline-block; width:3px; height:29px; right:0; top:50%; margin-top:-15px; background:#fff;}
.dadae-header .dadae-book-search.on label span{display:inline-block; line-height:1;}
.dadae-header .dadae-book-search.on input{visibility:visible; opacity:1;}
.dadae-header .dadae-book-search.on input:focus{outline:none;}

.dadae-header .dadae-book-search.on button.toggle{visibility:hidden; opacity:0; right:10px;}
.dadae-header .dadae-book-search.on button.close{visibility:visible; opacity:1; right:100px;}
.dadae-header .dadae-book-search.on button[type="submit"]{visibility:visible; opacity:1; right:0;}



@media(max-width:1280px){
	.dadae-header .dadae-book-search{width:150px; }
	.dadae-header .dadae-book-search label{width:100px; padding-left:10px;font-size:19px; line-height:80px; box-sizing:border-box;}
	.dadae-header .dadae-book-search button.toggle{width:150px; height:80px;}
	.dadae-header .dadae-book-search button.toggle span{font-size:17px;}
	.dadae-header .dadae-book-search button.close{right:70px; height:80px;}
	.dadae-header .dadae-book-search.on button.close{right:80px;}
	.dadae-header .dadae-book-search button[type="submit"]{width:80px; height:80px;}
}

@media(max-width:1024px){
	.dadae-header .dadae-book-search{width:80px;}
	.dadae-header .dadae-book-search input{width:calc(100% - 230px); left:100px; box-sizing:border-box; padding-left:10px;}
	.dadae-header .dadae-book-search input::placeholder{font-size:17px; font-weight:400;}
	.dadae-header .dadae-book-search button.toggle{width:80px; background-image:url(/dadaelib/images/common/icon_search.png); background-position:center; background-repeat:no-repeat;}
	
	.dadae-header .dadae-book-search button.toggle span{display:none;}
}

@media(max-width:480px){
	.dadae-header .dadae-book-search label{display:none;}
	.dadae-header .dadae-book-search input{width:calc(100% - 130px); left:0;}
}


/* 모바일 네비게이션 */
.dadaelib-mnb{
	visibility:hidden; opacity:0; z-index:-99999; position:fixed; width:100%; height:100%; max-width:300px; right:-300px; top:0; overflow-y:auto; -ms-overflow-style:none; z-index:99;
	
	-webkit-transition: all .25s ease;
    -moz-transition:    all .25s ease;
    -o-transition:      all .25s ease;
    -ms-transition:     all .25s ease;
    transition:         all .25s ease;
}
.dadaelib-mnb::-webkit-scrollbar{display:none;}
.dadaelib-mnb.on{visibility:visible; opacity:1; right:0;}


.dadaelib-mnb::before{position:fixed; display:inline-block; width:inherit; height:inherit; right:0; top:0; background:rgba(0,0,0,0.8);}
.dadaelib-mnb::after{
	opacity:0; position:fixed; display:inline-block; width:inherit; max-width:inherit; height:inherit; right:-300px; top:0; z-index:1; background:#fff;
	
	-webkit-transition: all .25s ease;
    -moz-transition:    all .25s ease;
    -o-transition:      all .25s ease;
    -ms-transition:     all .25s ease;
    transition:         all .25s ease;
}
.dadaelib-mnb.on::after{opacity:1; right:0;}


.dadaelib-mnb > ul{position:relative; z-index:2; /*margin-top:50px;*/}
.dadaelib-mnb > ul > li{}
.dadaelib-mnb > ul > li > a{position:relative; display:block; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #eee; font-size:17px; font-weight:700; color:#000; letter-spacing:-1px;}
.dadaelib-mnb > ul > li.child > a::after{display:inline-block; width:40px; height:100%; right:0; top:0; background:url(/dadaelib/images/common/icon_mnb_open_dark.png) no-repeat center;}
.dadaelib-mnb > ul > li:first-child > a{border-top:1px solid #eee;}
.dadaelib-mnb > ul > li > a > span{display:inline-block; line-height:1;}

.dadaelib-mnb > ul > li > a + ul{display:none; background:#5485e0;}
.dadaelib-mnb > ul > li > a + ul > li{}
.dadaelib-mnb > ul > li > a + ul > li > a{position:relative; display:block; height:40px; line-height:40px; padding:0 30px; font-size:15px; color:#fff; letter-spacing:-0.5px;}
.dadaelib-mnb > ul > li > a + ul > li > a::before{display:inline-block; width:100%; height:1px; left:0; bottom:0; background:#fff; opacity:0.1;}
.dadaelib-mnb > ul > li > a + ul > li.child > a::after{display:inline-block; width:40px; height:100%; right:0; top:0; background:url(/dadaelib/images/common/icon_mnb_open.png) no-repeat center;}
.dadaelib-mnb > ul > li > a + ul > li:last-child > a::before{display:none;}
.dadaelib-mnb > ul > li > a + ul > li > a > span{display:inline-block; line-height:1;}

.dadaelib-mnb > ul > li > a + ul > li > a + ul{display:none; background:#0054a6;}
.dadaelib-mnb > ul > li > a + ul > li > a + ul li{}
.dadaelib-mnb > ul > li > a + ul > li > a + ul li a{position:relative; display:block; height:35px; line-height:35px; padding:0 40px; font-size:13px; font-weight:300; color:#eee;}

.dadaelib-mnb > ul > li > a + ul > li > a + ul li a::before{display:inline-block; width:100%; height:1px; left:0; bottom:0; background:#ddd; opacity:0.1;}
.dadaelib-mnb > ul > li > a + ul > li > a + ul li:last-child a::before{display:none;}



.dadaelib-mnb .dadaelib-mnb-close{position:absolute; width:50px; height:50px; right:0; top:0; z-index:2; background:url(/dadaelib/images/common/icon_close.png) no-repeat center;}


.dadaelib-mnb .mothercon { margin-top: 50px; overflow: hidden; }
.dadaelib-mnb .mothercon>li:nth-child(1) a { margin-top: -2px; height: 52px; }
.dadaelib-mnb .mothercon>li:nth-child(1), .dadaelib-mnb .mothercon>li:nth-child(2){ width: 50%; float: left; }
.dadaelib-mnb .mothercon>li:nth-child(2) ul { width: 200%; margin-left: -100%; }
.dadaelib-mnb .mothercon>li:nth-child(2) ul li { width: 100%; background: #D83B6D; }
.dadaelib-mnb .mothercon>li:nth-child(3) { margin-top: 50px; }
.dadaelib-mnb .mothercon a { border-bottom: none; } 


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



/* 공통 풋터 ( 운영시간 안내 및 전화 안내 )  */
.dadae-library-information{display:inline-block; width:100%; vertical-align:top; padding:25px 0 50px 0; background:#f5f6fa;}

.dadae-library-information strong{display:block; margin-bottom:25px; padding:20px; border-bottom:1px solid #caced7; font-size:18px; font-weight:700; line-height:1; letter-spacing:-1px;}

.dadae-library-information .dadae-library-timetable-wrap,
.dadae-library-information .dadae-library-call{float:left; box-sizing:border-box;}



/* 운영시간 안내 */
.red { color: #DC2527!important; }
.dadae-library-information .dadae-library-timetable-wrap{width:calc(100% - 350px);}

.dadae-library-information .dadae-library-timetable-wrap .el{display:inline-block; width:100%; box-sizing:border-box; vertical-align:top; padding-left:20px;}
.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable{position:relative;  float:left; min-height:120px; box-sizing:border-box;}
.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable::before{display:inline-block; width:1px; height:100%; right:0; top:0; background:#e3e7ef;}

.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable em{display:block; margin-bottom:15px; font-size:14px; font-weight:700; color:#39404d; line-height:1; letter-spacing:-1.5px;}

.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable dl{display:inline-block; width:100%; vertical-align:top; font-size:14px;}

.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable dl dt,
.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable dl dd{float:left; padding-left:5px; box-sizing:border-box;}

.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable dl dt{position:relative; width:55px; color:#636871; padding-left:5px;}
.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable dl dt::before{display:inline-block; width:2px; height:2px; left:0; top:50%; margin-top:-1px; background:#636872;}

.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable dl:nth-child(n + 3) dt{letter-spacing:1.2px;}

.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable dl dd{width:calc(100% - 55px); color:#474e5c; font-family: 'Open Sans', sans-serif; letter-spacing:0.5px;}

.dadae-library-information .dadae-library-timetable-wrap p{padding-left:20px; margin-top:20px; font-size:14px; color:#636871;}


/* 전화안내 */
.dadae-library-information .dadae-library-call{width:250px; margin-left:100px;}
.dadae-library-information .dadae-library-call .el{position:relative; padding-left:140px;}
.dadae-library-information .dadae-library-call .el::before{display:inline-block; width:71px; height:71px; left:20px; top:15px; border-radius:71px; background:#afb7c7 url(/dadaelib/images/main/icon_callcenter.png) no-repeat center;}
.dadae-library-information .dadae-library-call .el::after{display:inline-block; width:71px; left:20px; top:90px; text-align:center; content:'Call Center'; font-family:'Montserrat', sans-serif; color:#8790a2; font-size:14px; font-weight:400; white-space:nowrap;}
.dadae-library-information .dadae-library-call .el dl{}
.dadae-library-information .dadae-library-call .el dl:last-child{margin-top:15px;}
.dadae-library-information .dadae-library-call .el dl dt{font-size:14px; color:#5b6069; font-weight:700;}
.dadae-library-information .dadae-library-call .el dl dd{}
.dadae-library-information .dadae-library-call .el dl dd a{display:block; font-size:24px; font-weight:400; font-family:'Montserrat', sans-serif; color:#4d80de; line-height:1;}
.dadae-library-information .dadae-library-call .el dl dd a span{}



@media(max-width:1280px){
	.dadae-library-information .dadae-library-timetable-wrap,
	.dadae-library-information .dadae-library-call{float:none; width:100%;}
	
	.dadae-library-information .dadae-library-call{margin-top:25px; margin-left:0;}
	
	.dadae-library-information .dadae-library-call .el{display:inline-block; width:100%; vertical-align:top; box-sizing:border-box; padding-top:20px; padding-left:0;}
	.dadae-library-information .dadae-library-call .el::before,
	.dadae-library-information .dadae-library-call .el::after{display:none;}
	

	.dadae-library-information .dadae-library-call .el{padding-top:0;}
	.dadae-library-information .dadae-library-call .el dl{float:left; width:calc(50% - 5px); padding:15px; margin-right:10px; background:rgba(255,255,255,0.7); box-sizing:border-box; text-align:center;}
	.dadae-library-information .dadae-library-call .el dl:last-child{margin:0;}
	
}

@media(min-width:1024px){
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable{width:calc(25% - 30px); padding-right:40px; margin-right:40px;}
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable:last-child{padding-right:0; margin-right:0;}
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable:last-child::before{display:none;}
}

@media(max-width:1024px){
	.dadae-library-information .dadae-library-timetable-wrap .el{padding-left:0;}
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable{width:calc(50% - 5px); margin-right:10px; padding:15px; background:rgba(255,255,255,0.7);}
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable:nth-child(2n + 2){margin-right:0;}
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable:nth-child(n + 3){margin-top:10px;}
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable::before{display:none;}
	
	.dadae-library-information .dadae-library-timetable-wrap p{padding-left:0;}
}

@media(max-width:520px){
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable{width:100%; height:auto; min-height:auto; margin-right:0;}
	.dadae-library-information .dadae-library-timetable-wrap .el .dadae-library-timetable:nth-child(n + 2){margin-top:10px;}
	
	.dadae-library-information { padding: 10px 0 30px; }
}





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

/* 패밀리사이트 슬라이드 */
.dadae-library-family{}
.dadae-library-family .inner{position:relative; padding:0 25px; box-sizing:border-box;}

.dadae-library-family .dadae-library-family-swiper{overflow:hidden;}

.dadae-library-family .dadae-library-family-swiper .swiper-wrapper{transition-timing-function:linear !important;}

/* 패밀리 사이트 사용 시 반드시 배너크기와 동일한 가로값을 .swiper--slide에 인라인 스타일로 넣으셔야 크로스브라우징 처리됩니다. (스크립트 불가) */
.dadae-library-family .dadae-library-family-swiper .swiper-wrapper .swiper-slide{transition-timing-function:linear !important;}
.dadae-library-family .dadae-library-family-swiper .swiper-wrapper .swiper-slide a{display:block; height:80px; line-height:80px; text-align:center;}
.dadae-library-family .dadae-library-family-swiper .swiper-wrapper .swiper-slide a img{display:inline-block; line-height:1;}


/* 패밀리 사이트 이전, 및 다음 버튼 */
.dadae-library-family .dadae-library-family-control{position:absolute; width:100%; height:0; left:0; top:0; z-index:2;}
.dadae-library-family .dadae-library-family-control button{position:absolute; width:25px; height:80px; top:0; background-repeat:no-repeat; z-index:2;}
.dadae-library-family .dadae-library-family-control button.family-prev{left:0; background-position:left center; background-image:url(/dadaelib/images/main/icon_family_prev.png);}
.dadae-library-family .dadae-library-family-control button.family-next{right:0; background-position:right center; background-image:url(/dadaelib/images/main/icon_family_next.png);}







/* 서브페이지 네비게이션 */

.breadcrumbs{position:relative; height:80px; background:#5272cc; border-bottom:1px solid #132a9c; z-index:2;}
.breadcrumbs .full{position:relative;}
.breadcrumbs .breadcrumbs-navigation{}
.breadcrumbs .breadcrumbs-navigation > ul{display:inline-block; vertical-align:top;}
.breadcrumbs .breadcrumbs-navigation > ul > li{position:relative; float:left; padding:0 25px; box-sizing:border-box;}
.breadcrumbs .breadcrumbs-navigation > ul > li::before{display:inline-block; width:1px; height:20px; right:0; top:50%; margin-top:-10px; background:rgba(0,0,0,0.35);}
.breadcrumbs .breadcrumbs-navigation > ul > li:last-child::before{display:none;}
.breadcrumbs .breadcrumbs-navigation > ul > li.home{width:80px; padding:0;}
.breadcrumbs .breadcrumbs-navigation > ul > li.home a{display:block; width:80px; height:80px; background:url(/dadaelib/images/sub/icon_home.png) no-repeat center;}


.breadcrumbs .breadcrumbs-navigation > ul > li > button{position:relative; display:block; height:80px; padding-right:75px; color:rgba(255,255,255,0.7); font-size:17px;  text-align:left;}
.breadcrumbs .breadcrumbs-navigation > ul > li > button::after{display:inline-block; width:32px; height:32px; border-radius:32px; background-color:#fff; right:0; top:50%; margin-top:-16px; background-repeat:no-repeat; background-position:center; background-image:url(/dadaelib/images/sub/icon_breadcrumbs_arrow.png);}
.breadcrumbs .breadcrumbs-navigation > ul > li > button:hover,
.breadcrumbs .breadcrumbs-navigation > ul > li > button:focus{color:rgba(255,255,255,1);}
.breadcrumbs .breadcrumbs-navigation > ul > li > button:hover::after,
.breadcrumbs .breadcrumbs-navigation > ul > li > button:focus::after{background-color:#2952c5; background-image:url(/dadaelib/images/sub/icon_breadcrumbs_arrow_on.png);}


.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul{display:none; position:absolute; width:100%; left:0; top:81px; background-color:#fff; box-sizing:border-box; border:1px solid #bfbfbf; border-top:0; z-index:3;}
.breadcrumbs .breadcrumbs-navigation > ul > li:nth-child(n + 3) > button + ul{width:calc(100% + 1px); left:-1px;}
.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul li{}
.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul li a{position:relative; display:block; padding:13px 25px; font-size:15px; font-weight:700; color:#455fa9; box-sizing:border-box; border-bottom:1px solid #e5e5e5; letter-spacing:-1px;}
.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul li a:hover{background:#456dea; color:#fff;}
.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul li a:hover::before{display:inline-block; width:100%; height:100%; left:-1px; top:-1px; border:1px solid #456dea;}
.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul li:last-child a{border-bottom:0;}
.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul li a span{display:inline-block; line-height:1;}



.breadcrumbs .share{position:absolute; right:0; top:50%; height:44px; margin-top:-22px;}
.breadcrumbs .share > ul{}
.breadcrumbs .share > ul > li{position:relative; float:left; margin:0 10px;}
.breadcrumbs .share > ul > li > button{display:block; width:44px; height:44px; border-radius:44px; background-color:#425ba3; background-repeat:no-repeat; background-position:center;}
.breadcrumbs .share > ul > li > button.sns-share{background-image:url(/dadaelib/images/sub/icon_share.png);}
.breadcrumbs .share > ul > li > button.print{background-image:url(/dadaelib/images/sub/icon_print.png);}

.breadcrumbs .share > ul > li > button + ul{display:none; position:absolute; width:100%; left:0; top:75px;}
.breadcrumbs .share > ul > li > button + ul li{margin-bottom:5px;}
.breadcrumbs .share > ul > li > button + ul li a,
.breadcrumbs .share > ul > li > button + ul li button{display:block; width:44px; height:44px; border-radius:44px; background-color:#425ba3; background-repeat:no-repeat; background-position:center; background-size:25px;}

.breadcrumbs .share > ul > li > button + ul li:nth-child(1) a{background-color:#30b149; background-image:url(/dadaelib/images/ydk/icon_naver.png);}
.breadcrumbs .share > ul > li > button + ul li:nth-child(2) a{background-color:#e95046; background-image:url(/dadaelib/images/ydk/icon_instagram.png);}
.breadcrumbs .share > ul > li > button + ul li:nth-child(3) a{background-color:#445d98; background-image:url(/dadaelib/images/ydk/icon_facebook.png);}
.breadcrumbs .share > ul > li > button + ul li:nth-child(4) a{background-color:#f3d60d; background-image:url(/dadaelib/images/ydk/icon_story.png);}




@media(max-width:1024px){
	.breadcrumbs .share{display:none;}
	
	.breadcrumbs{height:50px;}
	.breadcrumbs .breadcrumbs-navigation > ul > li{padding:0 15px;}
	
	.breadcrumbs .breadcrumbs-navigation > ul > li.home{width:50px;}
	.breadcrumbs .breadcrumbs-navigation > ul > li.home a{width:50px; height:50px; background-size:20px;}
	
	.breadcrumbs .breadcrumbs-navigation > ul > li > button{min-width:130px; height:50px; padding-right:50px; font-size:15px;}
	.breadcrumbs .breadcrumbs-navigation > ul > li > button::after{width:24px; height:24px; margin-top:-12px;}
	
	.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul{top:51px;}
	.breadcrumbs .breadcrumbs-navigation > ul > li > button + ul li a{height:40px; line-height:40px; padding:0 15px; font-size:13px;}
}

@media(max-width:640px){
	.breadcrumbs{height:100px;}
	
	.breadcrumbs .breadcrumbs-navigation > ul{width:100%;}
	.breadcrumbs .breadcrumbs-navigation > ul > li:nth-child(2),
	.breadcrumbs .breadcrumbs-navigation > ul > li:nth-child(3){width:calc(50% - 25px);}
	.breadcrumbs .breadcrumbs-navigation > ul > li:nth-child(3)::before{display:none;}
	
	.breadcrumbs .breadcrumbs-navigation > ul > li:nth-child(4){width:100%; background:#425ba3; border-top:1px solid #132a9c; border-bottom:1px solid #132a9c;}
	
	.breadcrumbs .breadcrumbs-navigation > ul > li > button{width:100%;}
}




.dadae-library-sub-title{padding: 50px 0 50px 0; text-align:center; line-height:1;}
.dadae-library-sub-title h2{margin-bottom:10px; font-size:35px; font-weight:700; color:#000; letter-spacing:-2px;}
.dadae-library-sub-title h2 + sub{font-size:15px; font-weight:400; color:#555; letter-spacing:-1px;}

@media(max-width:1024px){
	.dadae-library-sub-title{padding:50px 0 25px 0;}
	.dadae-library-sub-title h2{font-size:29px;}
	.dadae-library-sub-title h2 + sub{font-size:13px;}
}