@charset "utf-8";
@import url("/include/css/common/default.css");
@import url("/include/css/common/common.css");
@import url("/include/css/common/button.css");
@import url("/include/css/common/board.css");
@import url("layout.css");
@import url("/include/css/common/contents.css");

.htitle {background-image:url(/include/image/small/common/bul_htitle.png)}
.stitle,.arrow-list > li,.arrow {background-image:url(/include/image/small/common/bul_stitle.png)}
.dot-list > li,.dot {background-image:url(/include/image/small/common/bul_dot.png)}

/* 지도에서 도서관 찾기 */
.libMapWrap {overflow:hidden;position:relative;border:1px solid #e2e2e2;background-color:#f2f4f7}
.libMapWrap .txtBox {position:absolute;top:0;left:0;width:170px;height:100%;padding:0 24px}
.libMapWrap .txtBox .txt {padding-top:40px;word-break:keep-all}
.libMapWrap .txtBox .txt img {display:block;margin-bottom:15px}
.libMapWrap .txtBox .ex {position:absolute;bottom:30px;right:20px}
.libMapWrap .txtBox .ex p {font-size:1.071em;line-height:32px;text-align:center}
.libMapWrap .txtBox .ex img {margin-right:10px;vertical-align:top}
.libMapWrap .txtBox .ex .btn {display:block;margin-top:10px;font-size:1em}
.libMapWrap .imgBox {position:relative;margin-left:219px;padding:50px 0 50px 20px;text-align:center;border-left:1px solid #e2e2e2;background:#fff url(/include/image/contents/bg_libMap.png) 50% 0 no-repeat}
.LibName {display:inline-block;overflow:hidden;position:absolute;min-width:140px;padding:5px;text-align:center;border:1px solid #99a58a;border-radius:3px;background:rgba(255,255,255,.9)}

/* 작은도서관안내 */
.librarySelect {padding-bottom:25px;border-bottom:1px solid #e2e2e2}
.librarySelect .tit {float:left;font-weight:600;font-size:1.429em;line-height:30px;letter-spacing:-1px}
.librarySelect .tit + .searchSelect {float:right}
.searchSelect {display:inline-block;position:relative;padding:0 70px 0 120px}
.searchSelect label {position:absolute;top:0;left:0;font-weight:600;font-size:1.429em;line-height:30px;color:#333;letter-spacing:-1px}
.searchSelect select {height:30px;line-height:28px;border:1px solid #66717d}
.searchSelect .btnSubmit {position:absolute;top:0;right:0;width:65px;line-height:30px;color:#fff;text-align:center;background-color:#3e3e3e}
.libraryIntro {margin-bottom:30px;margin-bottom:40px;padding:7px;background:#deeec9 url(/include/image/common/bg_pattern_desc.png) repeat}
.libraryIntro > div {overflow:hidden;position:relative;min-height:220px;padding:30px;background-color:#fff}
.libraryIntro + .libraryIntro {margin-top:-40px}
.libraryIntro .thumb {position:absolute;top:30px;left:30px;width:320px}
.libraryIntro .thumb img {width:100%}
.libraryIntro .thumb + .libraryInfo {margin-left:340px}
.libraryInfo {position:relative}
.libraryInfo li {position:relative;margin-top:3px;line-height:24px;font-size:1.067em}

#sitemap > li:nth-last-child(3) {display:block}

@media screen and (max-width:800px){
	.libraryIntro .thumb {width:280px}
	.libraryIntro .thumb + .libraryInfo {margin-left:300px}
}
@media screen and (max-width:640px){
	.libraryIntro .thumb {position:relative;top:inherit;left:inherit}
	.libraryIntro .thumb + .libraryInfo {margin:15px 0 0}
	.wrap_map {height:300px !important}
}
@media screen and (max-width:400px){
	.libraryIntro .thumb {position:relative;top:inherit;left:inherit;width:auto}
	.libraryIntro .thumb + .libraryInfo {margin:15px 0 0}
	.wrap_map {height:200px !important}
}