@charset "utf-8";
.guide-wrap{}
.ann-img img{max-width:100%;}

/*오시는 길*/

.bus-list li{position: relative; padding: 7px 0 0 50px;}
.bus-list li:before{content: "일반"; width:35px; height: 19px; background: #136dd2; color:#fff; font-size: 12px; text-align: center; vertical-align: middle; border-radius: 6px; position: absolute; top:7px; left:0; display: inline-block;}
.bus-list li:last-child:before{content: "마을"; background: #13d22e;}

/*작은도서관안내*/
.mgauto{display: block; margin: 0  auto; width:769px; }


/* 인사말 */
/* 인사말 */

.introBoxTop{width:100%; position:relative; height:250px; background-color:#373737; overflow: hidden; z-index: -1;}
.introBoxTop > img{position:absolute; lefT:0; top:0; z-index: -1;}
.introBoxTop > .ibCnt{ margin-left:25%; margin-top:150px; vertical-align: bottom; color:#fff;}
.introBoxTop > .ibCnt > .ibcSCnt{font-family:'SCDream4'; font-size: 16px; line-height: 120%;}
.introBoxTop > .ibCnt > .ibcCnt{font-family:'SCDream7'; font-size: 32px; line-height: 120%;}
.introBoxTop > .ibCnt > .ibcCnt > span{color:#ffda75;}
.introBoxBot{width:100%; font-size:16px; font-family:'NotoKrR'; letter-spacing: -1px; margin-top:30px; color:#333; line-height: 150%;}
.introBoxBot .ibbImg{display: inline-block; margin-top:-200px; float: right; width:410px}
.introBoxBot .ibbImg > img{width: 100%;}
.introBoxBot > span{font-family:'NotoKrM'; font-size: 18px; color:#111;}

@media screen and (max-width:1200px){
    .introBoxTop > .ibCnt{margin-left:12%;}
}

@media screen and (max-width:1000px){
    .introBoxTop > img{left:-10%; }

    .introBoxTop > .ibCnt{margin-left:40%; margin-top:100px; word-break: keep-all;}
    .introBoxBot .ibbImg{width:320px; margin-top:0px;  }
}

@media screen and (max-width:768px){
    .introBoxTop {height:auto; padding:10px;}
    .introBoxTop > img{width:120%; height:100%;}
    .introBoxTop > .ibCnt{margin-top:10px; margin-left:0; float:right; padding-left:70px;}
    .introBoxTop > .ibCnt > .ibcSCnt{font-size:14px;}
    .introBoxTop > .ibCnt > .ibcCnt{font-size:24px;}
   .mapWrap .mapList .listBox .listUl .listLi > a{height:60px;}
}
@media screen and (max-width:640px){
    .introBoxTop > .ibCnt > .ibcCnt{font-size:20px;}
    .introBoxBot .ibbImg{width:250px;}
}

@media screen and (max-width:480px){
    .introBoxBot .ibbImg{display: block; width:100%;}
}


/* 연혁 */

.yearDiv{width:100%; overflow: hidden;}
.yearDiv .ydLeft{width:43%; float:left; }
.yearDiv .ydLeft .ydlCnt .sTit{font-size:17px; font-family:'NotoKrR'; color:#666; margin-bottom:20px;}
.yearDiv .ydLeft .ydlCnt .bTit{font-size:31px; font-family:'SCDream4'; color:#111; line-height: 120%;}
.yearDiv .ydLeft .ydlCnt .bTit span{font-family:'SCDream7';}
.yearDiv .ydLeft .ydlImg {text-align: right; margin-top:30px; box-sizing: border-box; padding-right:50px;}
.yearDiv .ydRight {width:56%; float:left; overflow: hidden; border-left:1px dashed #999; padding:30px 0px;  box-sizing: border-box;}
.yearDiv .ydRight .ydrWrap{margin-bottom:70px;}
.yearDiv .ydRight .ydrWrap .ydrYear{font-size:23px; color:#111; font-family:'SCDream7'; position: relative; padding-left:95px; margin-bottom:40px;}
.yearDiv .ydRight .ydrWrap .ydrYear:before{content: ''; position:absolute; width:75px; height:1px; background-color:#5757b8; top:50%; left:0;}
.yearDiv .ydRight .ydrWrap .ydrYear:after{content: ''; position:absolute; width:7px; height:7px; border:4px solid #5757b8; border-radius: 50%; background-color:#fff; top:50%; margin-top:-6px; left:70px;}
.yearDiv .ydRight .ydrWrap .ydrUl{padding-left:95px;}
.yearDiv .ydRight .ydrWrap .ydrUl .ydrList{margin-bottom:30px;}
.yearDiv .ydRight .ydrWrap .ydrUl .ydrList:last-child{margin-bottom:0px;}
.yearDiv .ydRight .ydrWrap .ydrUl .ydrList .ydMonth{position:relative; font-size:17px; color:#555; font-family:'SCDream4'; padding-left:70px; text-align: left;}
.yearDiv .ydRight .ydrWrap .ydrUl .ydrList .ydMonth span{position:absolute; font-size:17px; color:#555555; font-family:'SCDream6'; left:0; top:3px;}

@media all and (max-width:1600px){
    .guide-wrap{padding:0px 20px;}
}

@media all and (max-width:1000px){
    .mgauto{width:100%;}
}

@media screen and (max-width:768px){
    .yearDiv .ydLeft, .yearDiv .ydRight{width:100%; float:none; overflow: hidden; margin:30px 0;}
    .yearDiv .ydLeft .ydlCnt{float:left; width:60%;}
    .yearDiv .ydLeft .ydlImg{float:right; width:40%; margin-top:20px; padding-right:0;}
    .yearDiv .ydLeft .ydlImg img{max-width:90%;}
    .yearDiv .ydLeft .ydlCnt .bTit{font-size:28px;}
    .yearDiv .ydLeft .ydlCnt .sTit{font-size:15px;}

    .yearDiv .ydRight .ydrWrap .ydrYear{padding-left:70px; margin-bottom:30px;}
    .yearDiv .ydRight .ydrWrap .ydrYear:before{width:50px;}
    .yearDiv .ydRight .ydrWrap .ydrYear:after{left:50px;}
    .yearDiv .ydRight .ydrWrap .ydrUl{padding-left:70px;}
    .yearDiv .ydRight .ydrWrap .ydrUl .ydrList .ydMonth{font-size:15px;}
}

@media all and (max-width:680px){
    .guide-wrap{padding:0px 15px;}
}



@media screen and (max-width:480px){
    .yearDiv .ydLeft .ydlCnt{width:70%;}
    .yearDiv .ydLeft .ydlImg{width:30%;}
    .yearDiv .ydLeft .ydlCnt .sTit{margin-bottom:15px;}
    .yearDiv .ydLeft .ydlCnt .bTit{font-size:24px;}
    .yearDiv .ydRight .ydrWrap .ydrUl{padding-left:40px;}
}

.adms-wrap{}

@media all and (max-width:1600px){
    .adms-wrap{padding:0px 20px;}
}

@media all and (max-width:1000px){

}

@media all and (max-width:680px){
    .adms-wrap{padding:0px 15px;}
}

@media all and (max-width:480px){

}

.board-wrap{}

@media all and (max-width:1600px){
    .board-wrap{padding:0px 20px;}
}

@media all and (max-width:1000px){

}

@media all and (max-width:680px){
    .board-wrap{padding:0px 15px;}
}

@media all and (max-width:480px){

}
/* 작은도서관소개 */
    .mapWrap{width:100%; box-sizing: border-box; overflow:hidden}
    .mapWrap .mapBox{position:relative; float: left; width:60%;}
    .mapWrap .mapBox .mapMarker > span.listNum {display: none;}
    .mapWrap .mapBox .mapMarker.markerActive > span.listNum {display: block; position:absolute; left:23px; top:14px; color:#5b5b5b; font-family:'SCDream5';}
    .mapWrap .mapBox .mapMarker {position:absolute; width:64px; height:70px; background-repeat: no-repeat; background-position:center bottom; }
    .mapWrap .mapBox .mapMarker.markerblue{background-image: url("/images/Library_/content/smarkerBlue.png");}
    .mapWrap .mapBox .mapMarker.markerblue.markerActive{background-image: url("/images/Library_/content/markerBlue.png"); z-index:1;}
    .mapWrap .mapBox .mapMarker.markerOrg{background-image: url("/images/Library_/content/smarkerOrg.png");}
    .mapWrap .mapBox .mapMarker.markerOrg.markerActive{background-image: url("/images/Library_/content/markerOrg.png"); z-index:1;}
    .mapWrap .mapBox .mapMarker.marker1{top:290px; left:400px;}
    .mapWrap .mapBox .mapMarker.marker2{top:330px; left:510px;}
    .mapWrap .mapBox .mapMarker.marker3{top:280px; left:630px;}
    .mapWrap .mapBox .mapMarker.marker4{top:380px; left:350px;}
    .mapWrap .mapBox .mapMarker.marker5{top:375px; left:210px;}
    .mapWrap .mapBox .mapMarker.marker6{top:300px; left:180px;}
    .mapWrap .mapBox .mapMarker.marker7{top:590px; left:75px;}
    .mapWrap .mapBox .mapMarker.marker8{top:580px; left:430px;}
    .mapWrap .mapBox .mapMarker.marker9{top:220px; left:330px;}
    .mapWrap .mapBox .mapMarker.marker10{top:260px; left:510px; display:none;}
    .mapWrap .mapBox .mapMarker.marker11{top:530px; left:530px;}
    .mapWrap .mapBox .mapMarker.marker12{top:400px; left:530px;}
    .mapWrap .mapBox .mapMarker.marker13{top:450px; left:345px;}
    .mapWrap .mapBox .mapMarker.marker14{top:500px; left:220px;}
    .mapWrap .mapBox .mapMarker.marker15{top:545px; left:165px;}
    .mapWrap .mapBox .mapMarker.marker16{top:530px; left:115px;}
    .mapWrap .mapBox .mapMarker.marker17{top:525px; left:220px;}
    .mapWrap .mapBox .mapMarker.marker18{top:530px; left:570px;}
    .mapWrap .mapBox .mapMarker.marker19{top:470px; left:600px;}
    .mapWrap .mapBox .mapMarker.marker20{top:465px; left:138px;}

.mapWrap .mapList{float:right; margin-top:50px; overflow: hidden; width:40%; max-width:510px;}
.mapWrap .mapList .listBox{max-width:228px; width:45%; float:left; margin:0 5px; text-align: center;}
.mapWrap .mapList .listBox > p{color:#fff; font-size:20px; font-family:'SCDream5'; text-align: center; padding:10px 5px;}
.mapWrap .mapList .listBox > p.luBlue{background-color:#0068cf}
.mapWrap .mapList .listBox > p.luOrg{background-color:#ff6339;}
.mapWrap .mapList .listBox .listUl{border-bottom:2px solid #333333; box-sizing: border-box; }
.mapWrap .mapList .listBox .listUl .listLi{border-top:1px solid #d1d1d1; box-sizing: border-box; color:#333; font-family:'NotoKrR'; font-size:16px; cursor: pointer; transition:all .3s ease-in-out; letter-spacing: -1px;}
.mapWrap .mapList .listBox .listUl .listLi > a{width:100%; display: block; padding:10px 10px; text-align: left; box-sizing: border-box; letter-spacing:-1px;}
.mapWrap .mapList .listBox .listUl .listLi > a span.listNum{font-size:13px; color:#fff; background:#999; margin-right:5px; padding:3px 6px; text-align: center; border-radius:50%;}
.mapWrap .mapList .listBox .listUl.luBlue .listLi > a:hover span.listNum{background-color:#0068cf; transition: all .5s ease-in-out;}
.mapWrap .mapList .listBox .listUl.luOrg .listLi > a:hover span.listNum{background-color:#ff6339; transition: all .5s ease-in-out;}
.mapWrap .mapList .listBox .listUl .listLi:first-child{border-top:none;}
.mapWrap .mapList .listBox .listUl .listLi:hover{box-shadow:0px 5px 10px rgba(12,3,7,0.5);}

    .bookInfo{width:100%; height:317px; display: none;}
    .bookInfo .biLeft{width:256px; position:relative; height:100%; float:left; background-color:#334981; text-align: center; padding:20px 10px; box-sizing: border-box; }
    .bookInfo .biLeft .bookMarker{position:absolute; top:20px; left:-8px; background:url("/images/Library_/content/bookMarker.png") center no-repeat; width:112px; height:34px; color:#334981; font-size:16px; font-family:'NotoKrR'; text-align: left; padding:8px 0 8px 12px; box-sizing: border-box;}
    .bookInfo .biLeft > img{margin:50px 0 0;}
    .bookInfo .biLeft > .biTit{font-size:19px; color:#fff; font-family:'SCDream5'; letter-spacing: -1px; margin:25px 0;}
    .bookInfo .biLeft > a{padding:5px 40px 5px 20px; background:url("/images/Library_/content/mapMarker.png") 85% center no-repeat #ff6339; text-align: center; color:#fff; font-size:16px; font-family:'NotoKrR'; border-radius:50px; vertical-align: middle;}
    .bookInfo .biRight{box-sizing: border-box; height:100%; border:1px solid #d1d1d1; border-left:0; float: left; width:78%; position: relative;}
    .bookInfo .biRight > ul{padding:25px 30px; }
    .bookInfo .biRight .bookImgWrap{width:100%; background-color:#f7f7f7; padding:8px 10px 8px 30px; box-sizing: border-box; overflow: hidden; position: absolute; left:0; bottom:0;}
    .bookInfo .biRight .bookImgWrap img{width:123px; height:92px; cursor: pointer;}

    .imgBig{width:100%; height:100%; position:fixed;z-index: 40; top:0; left:0; display: none;}
    .imgBig > .bgBlack{width:100%; height:100%; background:rgba(0,0,0,0.5);}
    .imgBig > img{max-width:700px; width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
    .imgBig > .close-btn{position:absolute; top:0; right:0; background: url("/images/Library_/content/close-btn.jpg");  color:#fff; width:50px; height: 50px; display:block; text-indent:-9999px; }

    @media screen and (max-width:1200px){
        .mapWrap .mapBox > img{width:600px;}
        .mapWrap .mapBox .mapMarker.marker1{top:220px; left:310px;}
        .mapWrap .mapBox .mapMarker.marker2{top:250px; left:400px;}
        .mapWrap .mapBox .mapMarker.marker3{top:210px; left:500px;}
        .mapWrap .mapBox .mapMarker.marker4{top:290px; left:280px;}
        .mapWrap .mapBox .mapMarker.marker5{top:300px; left:180px;}
        .mapWrap .mapBox .mapMarker.marker6{top:220px; left:150px;}
        .mapWrap .mapBox .mapMarker.marker7{top:465px; left:55px;}
        .mapWrap .mapBox .mapMarker.marker8{top:460px; left:340px;}
        .mapWrap .mapBox .mapMarker.marker9{top:160px; left:260px;}
        .mapWrap .mapBox .mapMarker.marker10{top:200px; left:400px;}
        .mapWrap .mapBox .mapMarker.marker11{top:420px; left:430px;}
        .mapWrap .mapBox .mapMarker.marker12{top:320px; left:430px;}
        .mapWrap .mapBox .mapMarker.marker13{top:350px; left:275px;}
        .mapWrap .mapBox .mapMarker.marker14{top:400px; left:180px;}
        .mapWrap .mapBox .mapMarker.marker15{top:425px; left:135px;}
        .mapWrap .mapBox .mapMarker.marker16{top:410px; left:85px;}
        .mapWrap .mapBox .mapMarker.marker17{top:450px; left:75px;}
        .mapWrap .mapBox .mapMarker.marker18{top:420px; left:460px;}
        .mapWrap .mapBox .mapMarker.marker19{top:390px; left:490px;}
        .mapWrap .mapBox .mapMarker.marker20{top:290px; left:280px;}

    .mapWrap .mapList{width:37%;}
    .mapWrap .mapList .listBox{width:45%;}
        .mapWrap .mapList .listBox > p{font-size:16px;}
        .mapWrap .mapList .listBox .listUl .listLi{font-size:14px;}

        .bookInfo .biRight .bookImgWrap img{width:100px; height: auto; max-height:75px;}
    }
    @media screen and (max-width:1000px){
        .mapWrap .mapBox > img{width:450px;}
        .mapWrap .mapBox .mapMarker.marker1{top:150px; left:230px;}
        .mapWrap .mapBox .mapMarker.marker2{top:175px; left:295px;}
        .mapWrap .mapBox .mapMarker.marker3{top:135px; left:370px;}
        .mapWrap .mapBox .mapMarker.marker4{top:200px; left:200px;}
        .mapWrap .mapBox .mapMarker.marker5{top:200px; left:120px;}
        .mapWrap .mapBox .mapMarker.marker6{top:155px; left:100px;}
        .mapWrap .mapBox .mapMarker.marker7{top:335px; left:35px;}
        .mapWrap .mapBox .mapMarker.marker8{top:330px; left:245px;}
        .mapWrap .mapBox .mapMarker.marker9{top:95px; left:190px;}
        .mapWrap .mapBox .mapMarker.marker10{top:130px; left:290px;}
        .mapWrap .mapBox .mapMarker.marker11{top:300px; left:315px;}
        .mapWrap .mapBox .mapMarker.marker12{top:220px; left:315px;}
        .mapWrap .mapBox .mapMarker.marker13{top:245px; left:195px;}
        .mapWrap .mapBox .mapMarker.marker14{top:280px; left:130px;}
        .mapWrap .mapBox .mapMarker.marker15{top:305px; left:95px;}
        .mapWrap .mapBox .mapMarker.marker16{top:285px; left:55px;}
        .mapWrap .mapBox .mapMarker.marker17{top:325px; left:55px;}
        .mapWrap .mapBox .mapMarker.marker18{top:300px; left:340px;}
        .mapWrap .mapBox .mapMarker.marker19{top:280px; left:360px;}
        .mapWrap .mapBox .mapMarker.marker20{top:200px; left:200px;}

    .mapWrap .mapList{width:40%;}
    .mapWrap .mapList .listBox{width:47%; margin:0 3px;}

        .bookInfo .biRight .bookImgWrap img{width:80px;}
    }
    @media screen and (max-width:768px){
        .mapWrap .mapBox {display: none;}
        .mapWrap .mapList{margin-top:0; float:none; width:100%; max-width: 100%;}
        .mapWrap .mapList .listBox{float:none; width:100%; max-width:100%; margin:10px 0;}
        .mapWrap .mapList .listBox .listUl{overflow: hidden; width:100%; box-sizing: border-box;}
        .mapWrap .mapList .listBox .listUl .listLi {float:left; width:25%;  border-top:none; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}


        .imgBig > img{max-width:700px; width:90%;}
    }
    @media screen and (max-width:640px){
        .mapWrap .mapList .listBox .listUl .listLi {width:33.33%;}

        .bookInfo{height: auto;}
        .bookInfo .biLeft{float:none; width:100%;}
        .bookInfo .biRight{float: none; width:100%;}
        .bookInfo .biRight .bookImgWrap{position: static; padding:10px; text-align: left;}
        .bookInfo .biRight .bookImgWrap img{width:100px;}
    }

    @media screen and (max-width:480px){
        .mapWrap .mapList .listBox .listUl .listLi {width:50%;}
    }                  



/*안심대출*/
.con-service{font-family:'S-CoreDream-4Regular'}
.con-service .title{background:#dcdde1; padding:40px 20px; font-size:2.2em; line-height:1.5; color:#000; text-align:center; border-bottom:5px solid #4f4d72;  border-top:5px solid #4f4d72;}
.con-service .con{font-size:1.4em; line-height:1.5; color:#000}
.con-service .con p.txt1{text-align:center; padding:50px 0; font-size:1.4em; line-height:1.5; color:#000}
.con-service .con ul.list-st > li{position:relative; padding-left:15px; margin-bottom:20px; line-height:30px}
.con-service .con ul.list-st.st-1 li{position:relative; padding-left:115px; margin-bottom:20px; line-height:30px}
.con-service .con ul.list-st > li:before{display:block; content:''; width:5px; height:13px; background:#000; position:absolute; top:8px; left:0}
.con-service .con ul.list-st > li strong.tit{position:absolute; width:100px; position:absolute; left:15px; top:0}
.con-service .con .c-red{color:#b51917}
.con-service .con .c-blue{color:#0a119f}
.con-service .con table.type01 th{font-size:18px;}
.con-service .con table.type01 td{text-align:left; font-size:18px; vertical-align:top; padding:30px;}
.con-service .con p.txt2{text-align:center; padding:30px 0}
.con-service .con p.logo{text-align:center;}
.con-service .con p.logo strong{display:inline-block; background:url('/images/Culture_/layout/t-logo.png') no-repeat; padding-left:90px;background-size:auto 100%; margin-bottom:50px;}
	@media screen and (max-width:768px){
		.con-service{font-size:0.9em;}
		.con-service .con{padding:0 15px;}
	}   
	
.board-list table.list01 span.lib1{display:block; border-radius:5px; padding: 2px 5px; display: inline-block; background-color: #5260c4; color:#fff;}
.board-list table.list01 span.lib2{display:block; border-radius:5px; padding: 2px 5px; display: inline-block; background-color: #e07300; color:#fff;}
.board-list table.list01 span.lib3{display:block; border-radius:5px; padding: 2px 5px; display: inline-block; background-color: #185f05; color:#fff;}
.board-list table.list01 span.lib4{display:block; border-radius:5px; padding: 2px 5px; display: inline-block; background-color: #b50de6; color:#fff;}  
.board-list table.list01 span.lib5{display:block; border-radius:5px; padding: 2px 5px; display: inline-block; background-color: #b50de6; color:#fff;}  
.board-list table.list01 span.lib6{display:block; border-radius:5px; padding: 2px 5px; display: inline-block; background-color: #0d7f9b; color:#fff;} 

.calender-wrap tbody td{padding: 40px 10px!important; width: 14.2%;}
.calender-wrap tbody td .closed-txt{width: 45px;  height: 33px;  border-radius: 30px; text-align: center;  background: #f54949;  padding: 10px 0 0 0;  color: #fff;   display: block;  position: relative;  transform: none;  left: auto;  margin: 0 auto;}

.reg01{height: 110px; overflow: auto;}
.reg01 li{text-align: left; margin-bottom:5px;}
.reg01 li span.lib-code{position: relative; border-radius: 50%; text-align: center; color: #fff;  display: inline-block;  margin-right: 10px; width: 24px; height: 22px;}
.reg01 li span.lib1{background: #5260c4;}
.reg01 li span.lib2{background: #e07300;}
.reg01 li span.lib3{background: #185f05;}
.reg01 li span.lib4{background: #b50de6;}
.reg01 li span.lib5{background: #f54949;}
.reg01 li span.lib6{background: #0d7f9b;}                                                                             

.leftmenu .lm_a2[href$="DOM_000002104002000000"] {background:#4f4fb5; color:#fff;}
.leftmenu .lm_a2[href$="DOM_000002104002000000"] span {color:#fff;}