/*library_contents.css (도서관 서브페이지 컨텐츠들을 위한 css)*/    

/* org_wrap */
.org_wrap{position:relative; background:url(/user_res/cont_file/library/library_org_line.png) no-repeat left 110px;}
.org_wrap .orgList .mayor{position:absolute; top:0px; left:50%; display:block; width:170px; height:110px; font-size:25px; color:#fff; text-align:center; line-height:75px; margin-left:-100px; background:#1c5cbc; border:6px solid #bdd7ff;}
.org_wrap .orgList .mayor .tel{display:block; font-size:13.5px;  line-height:20px; margin-top:-15px;}
.org_wrap .orgList .AssistantMayor{position:absolute; top:140px; left:50%; display:block; width:170px; height:90px; font-size:20px; color:#fff; text-align:center; line-height:55px; margin-left:-100px; background:#12a2a2; border:6px solid #bff0eb;}
.org_wrap .orgList .tel{display:block; font-size:13.5px; line-height:20px;  }
.org_wrap .orgList .officePart { width:100%; position:absolute; top:160px; }
.org_wrap .orgList .officePart li { display:block; width:35%; float:left; }
.org_wrap .orgList .officePart li div { font-size:20px; text-align:center; background:#12a2a2; border:6px solid #bff0eb; color:#fff; padding:20px; margin-left:100px; }

.org_wrap .officeList{padding-top:330px; width:100%; overflow:hidden;}
.org_wrap ul.officeList > li{float:left;width:23%; margin:0 1%;}
.org_wrap ul.officeList > li > span{display:block; min-height:64px; line-height:46px; text-align:center; color:#fff; font-weight:600; font-size:16px; background:#546586; }
.org_wrap ul.officeList > li > span > .tel{line-height:15px; display:block; margin-top:-10px; font-weight:normal; font-size:13px;}
.org_wrap ul.officeList > li > span.offBox_black{background:#505050;}
.org_wrap ul.officeList ul li{ line-height:40px; font-size:14px; border-bottom:1px solid #e2e2e2;}
.org_wrap ul.officeList ul li > span{display:block; line-height:40px; color:#333; font-weight:600; letter-spacing:-1px; }
.org_wrap ul.officeList ul li > span.tel{font-weight:normal; margin-top:-7px; line-height:20px; padding-bottom:10px; font-size:13px;}
.org_wrap ul.officeList ul li > span::before{background:#8c8c8c; width:2px; height:11px; content:''; float:left; display:block; margin:14px 8px 0 5px;}
.org_wrap ul.officeList ul li > span.tel::before{background:none;}        

/* mamber */
.member_login{ padding:0; width:680px; margin:0 auto;}

.member_login .login_form{ position:relative; border:#333 2px solid;  height:364px; margin:0 0 25px; padding:160px 218px 0 114px;}
.member_login .login_form .intro_tx{ position:absolute; top:50px; left:0; width:100%; padding:0 114px; height:80px; text-align:center;}
.member_login .login_form .intro_tx strong{ display:block; color:#353535; font-size:28px; margin-bottom:20px; }
.member_login .login_form .login_inp{ margin:0 0 10px 0;}
.member_login .login_form .login_inp label { display:inline-block; width:34%}
.member_login .login_form .login_inp input.input{height:40px;width: 65%;border-radius:3px;}
.member_login .login_form .bt_login{position:absolute;top: 160px;right:115px;}
.member_login .login_link{ position:relative; color:#959595;}
.member_login .login_link strong{ color:#353535;}
.member_login .login_link .btn{ margin:15px 0 0 0;}
.member_login .login_link .pull-right { position:absolute; top:0px; right:0px; }                  


/* main_top_login */
.library_login{position:absolute; right:0; top:20px;}              
.library_login_mobile{display:none;}


.library_total{min-width: 180px;background: #4e67a2;border-radius:30px;position: absolute;right: 0;text-align: center;padding: 5px 10px;color: #fff;font-size: 13px;}
.library_total > strong{
    color: #ffd981;
    font-weight: 600;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
@media screen and (max-width: 980px) {
.library_login_mobile{display:block;}
.library_login_mobile a{
    color:#fff;
    padding:8px 10px 8px 13px;
    display:inline-block;
    height:100%;
    float:right;
    background:#515987;
  }
.library_login{display:none;}

}                                  


#container .side .side_menu .depth2_menu{overflow:hidden;}    


/* 도서관목록,상세화면 */
.box-detail { display:block; width:860px; margin-bottom:30px; }
.box-detail .img-thumb {float:left;width:250px;height:270px;border:1px solid #ddd;text-align: center;}
.box-detail .detail-cont { float:right; width:580px; }
.box-detail .subject { font-size:20px; margin:20px auto; border-bottom:1px solid #ddd; padding-bottom:15px; }
.box-detail .subject .made { font-size:14px; color:#666; }          
.box-detail .img-thumb .no-img {margin-top: 70px;}
.search-tbox { background:#f9f9f9; border:0px solid #aaa; padding:30px; margin:20px auto; }
.search-tbox .li-table { width:100%; }
.search-tbox .li-table th { border-bottom:1px solid #aaa; padding:5px 5px;  }
.search-tbox .li-table td { border-bottom:1px solid #ddd; padding:5px 30px;}               


.detail_img{float:left;}
.detail_txt{float:right; width:75%;}
.detail_txt li{font-size:14px;}