@charset "UTF-8";


/* 도서관 안내 > 도서관 현황 > 인사말 */

.greetings-img {display:inline-block; width:100%; vertical-align:top; background-position:center; background-image: url(/dadaelib/images/lsb/greetings01.jpg); background-size:cover; background-repeat:no-repeat; height: 580px; text-align: center; position:relative;}
.greetings-txt {display:inline-block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.greetings-txt p {font-family: 'AritaBuri'; font-size: 45px; font-weight:400; color:#fff; margin-bottom:40px; letter-spacing: -2px;}
.greetings-txt sub {font-size: 16px; color:#fff; line-height:2;}
.greetings-txt sub br.break {display:none;}
.greetings-content {margin-top:80px; text-align:center;}
.greetings-content p {font-size:16px; color:#333; line-height:2;}
.greetings-content img {display:block; padding: 110px 0 40px 0; margin:0 auto;}
.greetings-content strong {font-size: 30px; font-family: 'AritaBuri', sans-serif; color:#000; font-weight:400;}

@media(max-width:640px){
	.greetings-img {height: 480px;}
	.greetings-txt p {font-size: 30px;}
	.greetings-txt sub {font-size: 15px; line-height:1.7;}
	.greetings-txt sub br.break {display:block;}	
	.greetings-content p {font-size:15px; line-height:1.7;}
	.greetings-content img {padding: 60px 0 40px 0;}
	.greetings-content strong {font-size: 24px;}
}





/* 도서관 안내 > 도서관 현황 > 주요연혁 */



/* 도서관 안내 > 도서관 현황 > 다대도서관 현황 */

h4 span {position:absolute; bottom:0; right:0;}
h3 span {line-height:1; display:inline-block; background:url(/dadaelib/images/sub/icon_right.png) no-repeat left 5px; padding-left:8px; margin:0 0 3px 15px;}

@media(max-width:640px){
	h3 span {display:block; padding-left:8px; margin:0;}
}





/* 도서관 안내 > 이용안내 > 이용시간 */






/* 도서관 안내 > 이용안내 > 통합도서회원 가입안내 */

.join-l {background-image:url(/dadaelib/images/lsb/join01.png); background-position:777px 105px; background-repeat:no-repeat;}

.call-box {padding:45px 65px; border-radius:5px; border:1px solid #dedede; background-color:#f6f8fa;}
.call-box ul{display:inline-block; width:100%; vertical-align:top;}
.call-box ul li{float:left; width:50%; box-sizing:border-box;}
.call-box ul li a{position:relative; display:block; height:98px; line-height:98px; padding-left:130px;}
.call-box ul li a::before{display:inline-block; width:98px; height:98px; border-radius:98px; left:0; top:0; background-color:#fff; background-repeat:no-repeat; background-position:center; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.call-box ul li:nth-child(1) a::before{background-image:url(/dadaelib/images/lsb/call01.png);}
.call-box ul li:nth-child(2) a::before{background-image:url(/dadaelib/images/lsb/call02.png);}
.call-box ul li a span{display:inline-block; line-height:1; font-size:15px; font-weight:700; color:#000;}
.call-box ul li a span mark{margin-left:10px; font-size:17px; font-weight:700; color:#4d80de; font-family: 'Montserrat', sans-serif;}

@media(max-width:1280px) {
	.join-l {background-position:620px 105px; background-size:380px;}
	.call-box {padding:30px 40px;}
	.call-box ul li{float:none; width:100%;}
	.call-box ul li a::before{width:95px; height:95px; border-radius:95px;}
	.call-box ul li:nth-child(1) {margin-bottom:30px;}
}

@media(max-width:1024px) {
	.join-l {background-image:none;}
}

@media(max-width:640px){
	.call-box {padding:30px;}
}





/* 도서관 안내 > 이용안내 > 시설안내 */

.facilities-box {padding:45px 60px 65px 60px; box-shadow:5px 5px 10px rgba(0,0,0,0.2);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2952c5+0,2bace6+100 */
	background: rgb(41,82,197); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgb(41,82,197) 0%, rgb(43,172,230) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgb(41,82,197) 0%,rgb(43,172,230) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgb(41,82,197) 0%,rgb(43,172,230) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2952c5', endColorstr='#2bace6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.facilities-box h3 {color:#fff; margin-bottom:50px;}
.facilities-icon ul {display:inline-block; width:100%; vertical-align:top;}
.facilities-icon ul li {float:left; width:25%; height:170px; box-sizing:border-box; position:relative; text-align:center; border-left:1px solid rgba(255,255,255,.3);}
.facilities-icon ul li:nth-child(1) {border-left:none;}
.facilities-icon ul li strong {font-size:18px; color:#fff;}
.facilities-icon ul li strong::before{display:inline-block; width:63px; height:57px; left:50%; top:45px; transform:translateX(-50%); background-repeat:no-repeat;}
.facilities-icon ul li:nth-child(1) strong::before{background-image:url(/dadaelib/images/lsb/facilities02.png);}
.facilities-icon ul li:nth-child(2) strong::before{background-image:url(/dadaelib/images/lsb/facilities03.png);}
.facilities-icon ul li:nth-child(3) strong::before{background-image:url(/dadaelib/images/lsb/facilities04.png);}
.facilities-icon ul li:nth-child(4) strong::before{background-image:url(/dadaelib/images/lsb/facilities05.png);}
.facilities-icon ul li span {display:block; font-size:15px; color:#fff; margin-top:85px;}
.facilities-icon ul li span mark {font-size:14px; color:#f2f2f2;}
.facilities-icon ul li:nth-child(2) span {font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:600;}
.facilities-icon ul li:nth-child(3) span,
.facilities-icon ul li:nth-child(4) span {font-size:20px; line-height:1.3;}



@media(max-width:1024px) {
	.facilities-box {padding:45px 30px 50px 30px;}	
	.facilities-box h3 {margin-bottom:30px;}	
	.facilities-icon ul li:nth-child(2) span {font-size:24px;}
	.facilities-icon ul li:nth-child(3) span,
	.facilities-icon ul li:nth-child(4) span {font-size:15px;}
}

@media(max-width:768px) {	
	.facilities-box {padding:30px 0 40px 0;}	
	.facilities-box h3 {margin-bottom:20px; margin-left:30px;}	
	.facilities-icon ul li {width:50%; margin-bottom:40px;}
	.facilities-icon ul li:nth-child(3),
	.facilities-icon ul li:nth-child(4) {margin-bottom:0;}
	.facilities-icon ul li:nth-child(1),
	.facilities-icon ul li:nth-child(3) {border-left:none;}
	.facilities-icon ul li span {margin-top:75px;}
}





/* 도서관 안내 > 이용안내 > 자료이용안내 */

.reference-box {padding:45px 65px; border-radius:5px; border:1px solid #dedede; background-color:#f6f8fa;}
.reference-box ul {display:inline-block; width:100%; vertical-align:top;}
.reference-box ul li {float:left; width:50%; box-sizing:border-box;}
.reference-box ul li span{position:relative; display:block; height:98px; line-height:98px; padding-left:130px;}
.reference-box ul li span::before {display:inline-block; width:98px; height:98px; border-radius:98px; left:0; top:0; background-color:#fff; background-repeat:no-repeat; background-position:center; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.reference-box ul li:nth-child(1) span::before {background-image:url(/dadaelib/images/lsb/reference01.png);}
.reference-box ul li:nth-child(2) span::before {background-image:url(/dadaelib/images/lsb/reference02.png); background-size:48px;}
.reference-box ul li span b {display:inline-block; line-height:1; font-size:16px; color:#000; font-weight:400; vertical-align:middle;}
.reference-box ul li span b mark {line-height:1.7;}

@media(max-width:1280px) {
	.reference-box {padding:30px 40px;}
	.reference-box ul li {float:none; width:100%;}	
	.reference-box ul li span::before {width:95px; height:95px; border-radius:95px;}		
	.reference-box ul li:nth-child(1){margin-bottom:30px;}
}

@media(max-width:768px) {
	.reference-box ul li span b {font-size:15px;}
}

@media(max-width:640px){
	.reference-box {padding:30px;}
	.reference-box ul li span{height:auto; line-height:95px;}
}





/* 도서관 안내 > 이용안내 > 기증도서안내 */

.donation-img {display:inline-block; position:relative; background-image:url(/dadaelib/images/lsb/donation01.jpg); width:100%; vertical-align:top; background-position:center; background-size:cover; background-repeat:no-repeat; height: 440px; text-align: center;}
.donation-txt {display:inline-block; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.donation-txt p {font-family: 'AritaBuri'; font-size: 45px; font-weight:400; color:#fff; margin-bottom:40px; letter-spacing: -2px;}
.donation-txt sub {font-size: 16px; color:#fff; line-height:2;}

.donation-box {padding:60px 70px; border-radius:5px; border:1px solid #dedede; background-color:#f6f8fa;}
.donation-box ul {display:inline-block; width:100%; vertical-align:top;}
.donation-box ul li {position:relative; box-sizing:border-box;}
.donation-box ul li:nth-child(2) {margin-top:120px;}
.donation-box ul li:nth-child(2)::before {display:inline-block; width:100%; height:1px; top:-50px; left:0; background-color:#dedede;}

.donation-box ul li::after{display:inline-block; width:100px; height:100px; right:0; top:50%; margin-top:-50px; background-repeat:no-repeat; background-position:center;}
.donation-box ul li:nth-child(1)::after{background-image:url(/dadaelib/images/lsb/donation02.png);}
.donation-box ul li:nth-child(2)::after{background-image:url(/dadaelib/images/lsb/donation03.png);}

.donation-box ul li dl {display:inline-block; vertical-align:top;}
.donation-box ul li dl:nth-child(1) dd{display:inline-block; font-size:24px; font-weight:600; color:#000;} 
.donation-box ul li dl:nth-child(1) dd:nth-child(1) {font-family:'Montserrat', sans-serif; font-size:31px; color:#5485e0; font-weight:600; margin-right:30px;}

.donation-box ul li dl:nth-child(2) {padding-left:60px; margin-top:15px;}
.donation-box ul li dl:nth-child(2) dt {font-size:18px; color:#000; margin-bottom:30px;}
.donation-box ul li dl:nth-child(2) dd {position:relative; font-size:16px; color:#000; line-height:1.7; padding-left:10px;}
.donation-box ul li dl:nth-child(2) dd::before {display:inline-block; width:2px; height:2px; top:13px; left:0; background-color:#636872;}

.donation-box ul li dl span {display:inline-block; margin-top:20px;}
.donation-box ul li dl dd br.break {display:none;}

@media(max-width:1280px){.donation-box ul li dl dd br.break {display:block;}}

@media(max-width:1024px) {
	.donation-box {padding:30px 40px;}	
	.donation-box ul li:nth-child(2) {margin-top:90px;}
	.donation-box ul li:nth-child(2)::before {top:-40px;}			
	.donation-box ul li dl {display:block;}	
	.donation-box ul li dl:nth-child(2) {padding-left:70px; margin-top:10px;}
	.donation-box ul li dl:nth-child(2) dt {font-size:18px; color:#000; margin-bottom:10px;}	
}

@media(max-width:768px){
	.donation-box ul li:nth-child(2) {margin-top:60px;}
	.donation-box ul li:nth-child(2)::before {top:-25px;}		
	.donation-box ul li dl:nth-child(2) {padding-left:0; margin-top:10px;}	
	.donation-box ul li dl:nth-child(2) dt {font-size:16px;}
	.donation-box ul li dl:nth-child(2) dd {font-size:15px;}	
	.donation-box ul li dl span {display:inline-block; margin-top:10px;}	
}

@media(max-width:640px) {
	.donation-img {height: 380px;}
	.donation-txt p {font-size: 30px; margin-bottom:40px;}
	.donation-txt sub {font-size: 15px; line-height:1.7;}	
	.donation-box ul li::after{display:none;}
	.donation-box ul li dl span {line-height:1.3;}	
}





/* 도서관 안내 > 행정마당 > 도서관헌장 */

.charter-box {display:inline-block; width:100%; vertical-align:top; padding:130px 0 60px 0; background:#f5f6fa;}
.charter-box h3 {position:relative; text-align:center; margin-bottom:25px;}
.charter-box h3.charter01::before{display:inline-block; background-image:url(/dadaelib/images/lsb/charter01.png); width:60px; height:60px; left:50%; bottom:50px; margin-left:-28px; background-repeat:no-repeat; background-position:center;}
.charter-box .charter-txt {display:inline-block; width:100%; vertical-align:top; box-sizing:border-box; text-align:center;}
.charter-box .charter-txt p {font-size:18px; color:#000; line-height:2; letter-spacing:-1px; margin-bottom:40px;}

.charter-list dl {display:inline-block; width:100%; vertical-align:top; position:relative;}
.charter-list dl::before {display:inline-block; width:100%; height:1px; left:0; bottom:0; background-color:#dedede;}
.charter-list dl:last-child::before {display:none;}

.charter-list dl dt,
.charter-list dl dd {float:left; box-sizing:border-box; padding-bottom:10px;}
.charter-list dl dt {font-family:'Montserrat', sans-serif; font-size:31px; color:#5485e0; font-weight:600; padding-bottom:10px; padding-top:10px;}
.charter-list dl dd {font-size:17px; color:#000; letter-spacing:-1px; padding:20px 0 10px 20px;}
.charter-list dl dd mark {font-size:20px; font-weight:600; padding-right:5px;}

@media(max-width:1024px){	
	.charter-list dl dt,
	.charter-list dl dd {float:none;}	
	.charter-list dl dt {line-height:1; font-size:28px; padding-bottom:5px; padding-top:15px;}
	.charter-list dl dd {font-size:16px; padding:0 0 15px 0;}
	.charter-list dl dd mark {font-size:17px;}
}

@media(max-width:768px){
	.charter-box .charter-txt p {font-size:15px; line-height:1.7; margin-bottom:30px;}
	.charter-box .charter-txt sub {line-height:1.3;}	
	.charter-list dl dd {font-size:15px;}
}





/* 도서관 안내 > 행정마당 > 행정서비스 헌장 */

.charter-box h3.charter02::before{display:inline-block; background-image:url(/dadaelib/images/lsb/charter02.png); width:60px; height:60px; left:50%; bottom:50px; margin-left:-28px; background-repeat:no-repeat; background-position:center;}
ul.charter-box02 p {color:#254294;}

@media(max-width:768px) {
	ul.charter-box02 li {font-size:15px;}
}




/* 도서관 안내 > 행정마당 > 배너광장 */