@charset "utf-8";
/* Nanum font */
/* SVN버전 */

@font-face{ font-family: 'NanumGothicWeb'; font-style: normal; font-weight: normal; src: url('../font/NanumGothic.eot'); src:local('☺'), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype') }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;vertical-align: baseline;line-height:1;font-family:'나눔고딕','NanumGothic','NanumGothicWeb',"Malgun Gothic","맑은 고딕","굴림",gulim,"돋움",dotum,Microsoft NeoGothic,Droid,sans-serif;-webkit-text-size-adjust:none;}
sub, sup { font-weight:700}

textarea { font-size: 13px; line-height: 1.4em}

a,img,input,select,label { vertical-align:middle;font-size:13px;font-family:'나눔고딕','NanumGothic','NanumGothicWeb', "Malgun Gothic","맑은 고딕","굴림",gulim,"돋움",dotum,Microsoft NeoGothic,Droid,sans-serif; border-radius:0 0;}
input,input:hover,input:focus{ cursor:pointer}

html,
body { line-height:1; display:block; width:100%; height:100%;font-size:14px; background: #e4e5e6 }
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {	content:'';content: none}
h1, h2, h3, h4, h5, h6 { font-size:14px}


/*링크줄없애기*/
a {color:#686969; text-decoration:none; cursor:pointer} 
a:link {} 
a:active {} 
a:visited {}  
a:hover, a:focus {} 

/* SKIP */
a.skip { display: block; width:100%; height:28px; padding:12px 0 0 0; font-size:14px; text-align:center; margin-top:-40px; background:#5f5c59; color:#fff }
a.skip:hover,
a.skip:focus { margin:0}

/* layout */
.container { margin:0 auto; position: relative;}
.container:after { display: block; content: ""; clear: both;}
/*.sub section .container:before { display: block; content: ""; width: 234px; height: 146px;  background: url("../images/bgSub.png") no-repeat right 0; position: absolute; right: 0; top: 0; z-index: 99 }*/
.sub section .container:before { display: block; content: ""; width: 234px; height: 146px;  background: no-repeat right 0; position: absolute; right: 0; top: 0; z-index: 99 }


section { height: 100%; min-height: 450px}
footer { color:#aaa; font-size: 12px;clear: both;}
.sub section { padding: 0 0 0 200px;  }
.sub footer { padding:30px 0; border-top:#e3e4ea solid 1px;display: none}

#loading_div { position: fixed; left:0; top:0; height:75%; width:100%; padding:25% 0 0 0; z-index: 3000; text-align: center;}
#loading_div img { padding:30px; border-radius:50%; background: #fff}
#loading_div p { padding:20px 0 0 0; color:#fff; font-size: 16px}


.login { text-align: center; background: #484f59;}
.login section { height: auto; min-height:200px;background: #ededed url(../images/bgLogin.png) no-repeat center 00px; padding-top: 350px}

h1 { font-size: 23px; color:#fff; letter-spacing: -1px; background: #141519; border-top:#20a8d8 solid 2px; padding:30px 0;font-weight:600}

.h1Name1,
.h1Name2 { color: #00c9e2; font-weight:600}
.logoImg { display:block; padding:0 0 10px 0}
.sub .h1Name1 {color:#fff}

.login h2 { position: fixed; left: -9999px }

#loginForm label { position: fixed; left: -9999px}

#manager_id,
#manager_view_pass { margin: 0 auto; padding: 5px 1%; margin:0 0 4px 0; width: 250px; text-align: center; background: #fff; border: none; border-bottom:#ddd solid 1px; background: none transparent ; color:#20a8d8}
#manager_id:hover,#manager_id:focus,
#manager_view_pass:hover,#manager_view_pass:focus {border-bottom:#20a8d8 solid 1px }

input.btnLogin { background:#ff6411; color:#fff; width:100px; border-radius:15px;  line-height: 1.6em; border:none; margin: 8px 0 0 0 }
input.btnLogin:hover,
input.btnLogin:focus { background:#ed5300; color:#fff3b0}
.btnIDFind { border:none; background: none; color:#30bbb7; margin: 20px 0}
.btnIDFind:hover,
.btnIDFind:focus {color: #169a96}


/* header */
.sub header {float:left; width: 200px; height: 100%;color:#fff;background: #31353b}
.sub header:after { display: block; content: ""; clear: both; }
.sub h1 { text-align: center; padding: 20px 0; font-size: 16px; border-top:#20a8d8 solid 2px; }
.sub header h2 { text-align: center; padding: 20px 0;font-weight: normal;background: #22232b;}
.sub header h2 .logoImg { display: block; padding: 0 0 7px 0;  }
.sub header h2 .manager { font-size: 12px; opacity: 0.5; display: block; padding:3px 0 0 0; }

.sub header h1 img { float:left; margin:-5px 15px 0 0}
.sub header h1 a{ color:#fff; font-size: 18px; font-weight: 300; letter-spacing: -1px}
.sub header h1 a strong { color:#26b9ce; display: block; padding:5px 0; font-weight:400; font-size:21px }
.sub header h1 a span {display: block; font-size: 19px; font-weight: 400; padding:3px 0 0 0}

.top_menu { text-align: center; background: #22232b; padding: 0 0 20px 0 }
.top_menu a {color:#22232b; background: #f8cb00; padding:2px 10px; border-radius:10px; vertical-align: baseline; font-size: 10px}
.top_menu a:hover,
.top_menu a:focus { background:#fffd6d}
.managerID { color:#fff; vertical-align:  baseline; font-weight: normal; vertical-align:  baseline}

.userPageLink { float: right; padding:20px; margin: 0 30px 0 0; background: url(../images/icon_userPageLink.png) no-repeat right 20px; opacity: 0.6; display: none; }
.userPageLink:hover,
.userPageLink:focus {opacity: 1}

.location { border-bottom:#d1d4d7 solid 1px;border-top:#20a8d8 solid 2px; background: #fff  }
.location li { padding: 20px 0px 20px 12px; display: inline-block; color: #909090; font-size: 13px ; background: url(../images/icon_location.png) no-repeat -5px -65px}
.location li:first-child { padding: 21px 0 21px 70px; background: url(../images/icon_location.png) no-repeat 30px 10px}
.location li:last-child { color:#20a8d8}

/* new NAV */

header nav ul.main_menu{width:200px}
header nav ul li a{display: block; text-align: center; color:#fff; box-sizing: border-box; }
header nav ul.sub_menu{width:100%; background-color: #1E88E5; height:0; transition: all 0.3s ease 0s; overflow: hidden;}
header nav .sub_menu li a{border-bottom:dotted 1px #999;}

header nav>ul>li>a {display: block; padding: 75px 0 14px 0; text-align: center; color: #d6d6d6; background:#2a2c36 url(../images/menuIcon2.png) no-repeat center -2px; font-weight: normal; font-size: 14px; border-top: solid 1px #4d4f58;}
li.b10_notice>a,
li.c10_libMng>a,
li.d10_loanReturn>a,
li.e10_libMng>a,
li.f10_setup>a,
li.g10_statistics>a{ /*background-color:#20a8d8*/}

li.c10_libMng a { background-position: center -220px }
li.d10_loanReturn a { background-position: center -440px }
li.e10_libMng a { background-position: center  -657px}
li.f10_setup a { background-position: center  -875px}
li.g10_statistics a { background-position: center  -1094px}
/*
header nav>ul>li.on>a{ color: #fff; background-color:#20a8d8}*/

header nav a:hover,
header nav a:focus,
.b00 header nav>ul>li.b10_notice>a,
header nav>ul>li.b10_notice.on>a { background-position: center -111px ; color: #fff; background-color:#1d97c2} /* 기존 off #1d97c2 on #20a8d8; */

header nav>ul>li.c10_libMng > a:hover,
header nav>ul>li.c10_libMng > a:focus,
.c00 header nav>ul>li.c10_libMng > a,
header nav>ul>li.c10_libMng.on>a { background-position: center -329px; color: #fff; background-color:#1d97c2 }

header nav>ul>li.d10_loanReturn > a:hover,
header nav>ul>li.d10_loanReturn > a:focus,
.d00 header nav>ul>li.d10_loanReturn > a,
header nav>ul>li.d10_loanReturn.on>a { background-position: center -549px; color: #fff; background-color:#1d97c2 }

header nav>ul>li.e10_libMng > a:hover,
header nav>ul>li.e10_libMng > a:focus,
.e00 header nav>ul>li.e10_libMng > a,
header nav>ul>li.e10_libMng.on>a { background-position: center  -766px; color: #fff; background-color:#1d97c2}

header nav>ul>li.f10_setup > a:hover,
header nav>ul>li.f10_setup > a:focus,
.f00 header nav>ul>li.f10_setup > a,
header nav>ul>li.f10_setup.on>a { background-position: center  -984px; color: #fff; background-color:#1d97c2}

header nav>ul>li.g10_statistics > a:hover,
header nav>ul>li.g10_statistics > a:focus,
.g00 header nav>ul>li.g10_statistics > a,
header nav>ul>li.g10_statistics.on>a { background-position: center  -1203px; color: #fff; background-color:#1d97c2}


header nav ul li li a{ background: #20a8d8; border-top: 1px dotted #70cff1;color:#ededed; padding:10px 0; position: relative; }
header nav ul li li a:hover { background: #1d97c2}
header nav ul li li:last-child a {padding-bottom:15px;}

.b10 header .sub_b00 .sub_menu1 a,
.b20 header .sub_b00 .sub_menu2 a,
.b30 header .sub_b00 .sub_menu3 a,
.c10 header .sub_c00 .sub_menu1 a,
.c20 header .sub_c00 .sub_menu2 a,
.c30 header .sub_c00 .sub_menu3 a,
.c40 header .sub_c00 .sub_menu4 a,
.c50 header .sub_c00 .sub_menu5 a,
.c60 header .sub_c00 .sub_menu6 a,
.d10 header .sub_d00 .sub_menu1 a,
.d20 header .sub_d00 .sub_menu2 a,
.d30 header .sub_d00 .sub_menu3 a,
.d40 header .sub_d00 .sub_menu4 a,
.d50 header .sub_d00 .sub_menu5 a,
.e10 header .sub_e00 .sub_menu1 a,
.e20 header .sub_e00 .sub_menu2 a,
.e30 header .sub_e00 .sub_menu3 a,
.e40 header .sub_e00 .sub_menu4 a,
.e50 header .sub_e00 .sub_menu5 a,
.e60 header .sub_e00 .sub_menu6 a,
.f10 header .sub_f00 .sub_menu1 a,
.f12 header .sub_f00 .sub_menu1 a,
.f20 header .sub_f00 .sub_menu2 a,
.f30 header .sub_f00 .sub_menu3 a,
.f40 header .sub_f00 .sub_menu4 a,
.f50 header .sub_f00 .sub_menu5 a,
.f60 header .sub_f00 .sub_menu6 a,
.f70 header .sub_f00 .sub_menu7 a,
.f80 header .sub_f00 .sub_menu8 a,
.f90 header .sub_f00 .sub_menu9 a,
.f100 header .sub_f00 .sub_menu10 a,
.g10 header .sub_g00 .sub_menu1 a,
.g20 header .sub_g00 .sub_menu2 a,
.g30 header .sub_g00 .sub_menu3 a,
.g40 header .sub_g00 .sub_menu4 a,
.g50 header .sub_g00 .sub_menu5 a,
.g60 header .sub_g00 .sub_menu6 a,
.g70 header .sub_g00 .sub_menu7 a {background-color: #239dc8; color:#fe0}

.b10 header .sub_b00 .sub_menu1 a:after,
.b20 header .sub_b00 .sub_menu2 a:after,
.b30 header .sub_b00 .sub_menu3 a:after,
.c10 header .sub_c00 .sub_menu1 a:after,
.c20 header .sub_c00 .sub_menu2 a:after,
.c30 header .sub_c00 .sub_menu3 a:after,
.c40 header .sub_c00 .sub_menu4 a:after,
.c50 header .sub_c00 .sub_menu5 a:after,
.c60 header .sub_c00 .sub_menu6 a:after,
.d10 header .sub_d00 .sub_menu1 a:after,
.d20 header .sub_d00 .sub_menu2 a:after,
.d30 header .sub_d00 .sub_menu3 a:after,
.d40 header .sub_d00 .sub_menu4 a:after,
.d50 header .sub_d00 .sub_menu5 a:after,
.e10 header .sub_e00 .sub_menu1 a:after,
.e20 header .sub_e00 .sub_menu2 a:after,
.e30 header .sub_e00 .sub_menu3 a:after,
.e40 header .sub_e00 .sub_menu4 a:after,
.e50 header .sub_e00 .sub_menu5 a:after,
.e60 header .sub_e00 .sub_menu6 a:after,
.f10 header .sub_f00 .sub_menu1 a:after,
.f12 header .sub_f00 .sub_menu1 a:after,
.f20 header .sub_f00 .sub_menu2 a:after,
.f30 header .sub_f00 .sub_menu3 a:after,
.f40 header .sub_f00 .sub_menu4 a:after,
.f50 header .sub_f00 .sub_menu5 a:after,
.f60 header .sub_f00 .sub_menu6 a:after,
.f70 header .sub_f00 .sub_menu7 a:after,
.f80 header .sub_f00 .sub_menu8 a:after,
.f90 header .sub_f00 .sub_menu9 a:after,
.f100 header .sub_f00 .sub_menu10 a:after,
.g10 header .sub_g00 .sub_menu1 a:after,
.g20 header .sub_g00 .sub_menu2 a:after,
.g30 header .sub_g00 .sub_menu3 a:after,
.g40 header .sub_g00 .sub_menu4 a:after,
.g50 header .sub_g00 .sub_menu5 a:after,
.g60 header .sub_g00 .sub_menu6 a:after,
.g70 header .sub_g00 .sub_menu7 a:after { display: block; content:""; width: 1px; height:1px; border:4px transparent solid; border-right:4px solid #E4E5E6; position:absolute; right:0; top:13px }


header .copyright { background: #31353b; font-size: 10px; color: #666; padding: 15px 0; line-height: 1.3em; text-align: center; }


/* */
h2.h2 { padding:25px 0 7px 30px; font-size: 16px; font-weight: normal; font-size: 24px; color: #000; background: #fff} 
p.h2 { font-size: 12px; color: #b4b4b4; padding: 0 0 22px 30px; background: #fff; border-bottom:#d1d4d7 solid 1px;}


.tbl_search_word { background: #1a82a7 url(../images/icon_tblSearch.png) no-repeat 10px -2px; padding:12px 30px 12px 80px; border:#ddd solid 1px; margin: 20px 30px; position: relative;; overflow: hidden;}
.tbl_search_word:after { display: block; content: ""; clear: both;}

.hidden_label { background: #22a9d8 url(../images/icon_tblSearch.png) no-repeat center 0; position: absolute; left: 0;top: 0; height: 65px; width: 135px; color:#22a9d8; font-size: 0}

.tbl_search_word2 { background: #1a82a7 url(../images/icon_tblSearch3.png) no-repeat 14px 12px; padding:12px 180px 12px 110px; border:#ddd solid 1px; margin: 20px 30px 10px 30px; position: relative;; overflow: hidden;}
.tbl_search_word2:after { display: block; content: ""; clear: both;}

.hidden_label { position: fixed; left: -9999px;}




.br { border-top: dotted 1px #ddd; margin: 6px 0; opacity: 0.5}

#total_count,
.pageNav .floatL{ font-size: 12px; color:#999}

.article_container { margin:20px 30px}
.loanreturnUserInfo { width:30%}
.loanreturnInf { width: calc(70% - 30px)}

/* 휴관일관리 c40*/
.div.fc-toolbar.fc-header-toolbar {height: 25px;}
.fc-sat {color:blue;}
.fc-sun {color:red;}
.fc-sat .fc-day-number {color:blue;}
.fc-sun .fc-day-number {color:red;}

.lib_off_setup_wrap {background: #1a82a7; margin:20px 30px; padding:6px}
.lib_off_setup_wrap table { width: 100%; background: #1a82a7; color:#fff; vertical-align: middle; }
.lib_off_setup_wrap table td {vertical-align: middle; border-right: 1px #2e96bb solid; padding:0 0 0 12px}
.lib_off_setup_wrap table tr td:first-child {}
.lib_off_setup_wrap #week_option,
.lib_off_setup_wrap #week_day,
.lib_off_setup_wrap #month_option,
.lib_off_setup_wrap #month_day { width: 70px; box-sizing: border-box;}

#calendar { margin: 0 30px; background: #fff; border:solid 1px #ddd}
.fc-toolbar.fc-header-toolbar { padding:20px 20px 6px 20px }
.fc-center h2 { font-size: 42px; font-weight: normal;}
.fc .fc-widget-header thead th,
.fc td.fc-day-top { padding:10px}

.fc-day-header { background: #f9f9f9}
.fc-basic-view .fc-body div.fc-row { min-height: 5em}
a.fc-day-grid-event { padding: 3px 2px 3px 5px}

/* 게시판 */

.article_header {background:#F8F9FA; padding: 30px; overflow:hidden; margin:20px 30px 0 30px}
.article_header h3 { width: 70%; float: left; font-size: 14px; font-weight: normal; font-size:16px}
.article_header span {float: right; opacity: 0.7; font-size: 13px; color:#999}
.article_header input[type="text"] { font-size: 16px; text-indent: 1em; padding: 10px 3px }
.article_header span {float: right; opacity: 0.8; font-size: 13px; vertical-align:text-bottom; padding:5px 0 0 0}
.article_header span.writeDate { padding-left:10px; margin-left:10px; background: url("../images/decoBar10.gif") no-repeat 0 8px;}

.board_write_header {background: #bdc5d2; border-color: #8893a9 #a9b3c7 #a9b3c7;border-style: solid;border-width: 1px;padding: 15px 2.5%;}
.board_write_header:after { display: block; content: ""; clear:both}
.board_write_header #notice_title { width: 70%; padding:2px 5px; float: left; font-size: 14px; vertical-align:text-bottom}
.board_write_header span {float: right; opacity: 0.5; font-size: 13px; vertical-align:text-bottom; padding:5px 0 0 0}
.board_write_header span.writeDate { padding-left:10px; margin-left:10px; background: url("../images/decoBar10.gif") no-repeat 0 10px;}

.article_content { padding:20px 30px; margin:0 30px; background: #fff}

.attach_info { background:#fff; padding:15px 30px; margin:0 30px ; border-top:#ddd solid 1px;border-bottom:#ddd dotted 1px; color:#999}
.attach_info a { color:#00c9e2}
.attach_info a:hover,
.attach_info a:focus { color:#18b6ca}
.attach_info strong, .attach_info span, .attach_info a { vertical-align: baseline;}

.attach_info strong {background:#4ebbdf url(../images/iconFile.png) no-repeat center center; display:inline-block; width:20px; height:20px; text-indent:-9999px; margin-right:6px; border-radius:50%}

.list_ba { margin:0 30px; background: rgba(255,255,255,0.5)}
.list_ba span, .list_ba a { vertical-align: baseline; font-size: 13px; font-weight: normal; padding-left:20px}
.list_ba span { display: inline-block; padding:15px 2.5% 15px 40px; background: rgba(0,0,0,0.08); position: relative;}
.list_b span:before,
.list_a span:before { display: block; width: 18px; height: 18px; content: ""; background:#8a9dc3 url("../images/btnArrow10.png") no-repeat 0 0; opacity: 0.6; position: absolute; left: 14px;top: 14px; border-radius:9px}
.list_a span:before { background-position: 0 -18px}
.list_b span:hover:before,
.list_b span:focus:before,
.list_a span:hover:before,
.list_a span:focus:before  { opacity: 1 }

.textarea { margin: 0 30px; text-align: center; padding:15px 30px; background: #fff; border-top:none}

input.btn_file_delete { background:#5bc0de url(../images/icon_delete.png) no-repeat center center;border-radius:4px; color:#fff; border:solid 1px #46b8da; font-size: 0; height: 22px; width: 30px; margin-left:10px;}
input.btn_file_delete:hover, input.btn_file_delete:focus { background-color: #31b0d5; border: solid 1px #269abc}


/* f00 코드관리 */
.inputWrap { background: #fff; padding:15px 30px; margin: 20px 30px; position: relative;; overflow: hidden; text-align: center; border-top: solid 1px #20a8d8 }
.inputWrap :after { display: block; content: ""; clear: both;}
.inputWrap .btn{ line-height: 1.8em}
.inputWrap #search_word { margin-right:-8px}


/* loanreturn */

.loan_user_info { float: right; margin: -40px 30px 0 0}

.loanreturnInf .table20 { width: 100%; margin: 0 0 15px 0}
.userInfoSearch { padding:15px 5%; overflow: hidden; background:#fff; border:#d1d4d7 solid 1px; border-bottom:none}

.userInfoSearch input[type=text] { width:60%}
.userInfoSearch input[type=button] { margin-left:-8px}

.userInfoSearch .btn-reset { float: right; background: #26b9ce url("../images/btn_reload.png") no-repeat 0 0; display: inline-block;; width: 32px; height: 32px; border-radius:50%; margin:-2px 0 0 0; text-indent: -9999px}
.userInfoSearch .btn-reset:hover,
.userInfoSearch .btn-reset:focus { background:#396485 url("../images/btn_reload.png") no-repeat 0 0;}

.btn-reload { background:#8292a9 url("../images/btn_reload2.png") no-repeat 6px 6px; padding: 3px 10px 3px 25px}
.btn-reload:hover,
.btn-reload:focus {background:#6d82a0 url("../images/btn_reload2.png") no-repeat 6px -30px; color:#fff}

.userInfoResult { padding:15px 5%; overflow: hidden; background: #fff; border:#ddd solid 1px}
.userPhoto { width:90px; height:125px; float: left; border:solid 1px #8594a8; background: #f2f2f2 url("../images/userPhoto.png") no-repeat center center / cover;}
.userInfoResult ul { float: right}
.userInfoResult ul li { border-top: dotted 1px #b8bfca; padding:7px 0}
.userInfoResult ul li:first-child { border:none}


.h3,
.h4 {font-size: 16px; font-weight:600; background:#F8F9FA; padding: 15px 30px; overflow:hidden; margin:20px 0 -1px 0; border:#c5c9cd solid 1px}

.login footer .copyright { padding: 20px 0 ; font-size: 11px}
.sub footer .copyright { display: none }

table .btn,
.tbl_search_word .btn {line-height: 2em; }
.ui-datepicker-trigger { padding:4px 8px 5px 8px; background: #8292a9; margin-left:-3px}
.ui-datepicker-trigger:hover,
.ui-datepicker-trigger:focus {background: #607189}

/* jQTab */
.jQTab {margin:30px}
.jQTab a,
.jQTab input { border:none; padding:10px 0; background:#f6f6f6; color: #999; font-size: 15px; text-align: center; display: block; float: left}
.jQTab a:hover, .jQTab a:focus,
.jQTab input:hover, .jQTab input:focus{background:#1d97c2; color:#fff}
.jQTab a.on,
.jQTab input.on {background:#20a8d8; color: #fff}
.jQTab2 a,
.jQTab2 input { width: 50%;}

/* 환경설정 */
.searchArea {padding: 5px 10px ; border: solid 1px #ededed; background: #ededed}
.searchArea:after { content: ""; display: block; clear: both;}
.searchArea .btn-search { float: right; margin: 1px 0 0 0}
.searchArea label { margin: 0 3px 0 7px; vertical-align: middle;}
#search_result_msg { padding: 10px; text-align: center; display: block; }

#book_list_top #total_count {padding:5px 0; display: block;} 

.book_list_div { padding: 15px 0 15px 105px; position: relative; border-top: dotted 1px #ddd }
.book_list_div b { color:red; font-weight: 600; text-decoration: underline;}
.book_list_div:after { display: block; content: ""; clear: both}
.book_list_div:first-child { border-top:solid 1px #ddd}
.book_list_div img { position: absolute; left: 0; top: 15px; border:#eee solid 1px; box-shadow: 0 2px 2px rgba(0,0,0,0.15); width:80px; height:120px; }


.bookTitle {padding:0 90px 5px 0; }
.bookTitle pre {font-size: 15px; font-weight: normal;}
.bookTitle span { display: none; }

.book_list_div dl { padding:10px 0}
.book_list_div dt,
.book_list_div dd { line-height: 1.3em; float: right; width: 8%; font-size: 13px; min-height: 19px}
.book_list_div dt { color: #999; float: left }
.book_list_div dd { width: 91.5%; color: #666 }
.book_list_div dd pre { padding:3px 0 0 0}

.book_list_div dt.bookDesc { display: none}
.book_list_div dd.bookDesc { width: 100%; color: #888; padding-top:10px }

.btn.reqBaroLoan { position:absolute;right: 10px; top:10px; padding: 0 8px; line-height: 1.8em }

/* SMS관리 */
.SmsMng .floatL,
.SmsMng .floatR { width: 49.5%; margin-top: 30px}
.SmsMng .floatL div.table20 { margin-right:0}
.SmsMng .floatR div.table10,
.SmsMng .floatR div.btnArea { margin-left:0}

/*도서관 우선순위 설정*/
#sortable { margin: 30px }
#sortable li {background: #f6f6f6 url(../images/arrowMove.png) no-repeat 98% 0; border: 1px solid #ccc; color: #1c94c4; margin: 5px 0;  padding:15px 0 0 7%; height: 32px; border-radius: 5px; position: relative; overflow: hidden; cursor: move}
#sortable li:before{ display: inline-block; content: "1"; font-size: 16px; width: 55px; height:20px; position: absolute; left: 0; top: 0; margin:12px 0; padding: 2px 0 0 5px;text-align: center; border-right: 1px dotted #ddd;}
#sortable li:nth-child(2):before { content: "2" }
#sortable li:nth-child(3):before { content: "3" }
#sortable li:nth-child(4):before { content: "4" }
#sortable li:nth-child(5):before { content: "5" }
#sortable li:nth-child(6):before { content: "6" }
#sortable li:nth-child(7):before { content: "7" }
#sortable li:nth-child(8):before { content: "8" }
#sortable li:nth-child(9):before { content: "9" }
#sortable li:nth-child(10):before { content: "10" }
#sortable li:nth-child(11):before { content: "11" }
#sortable li:nth-child(12):before { content: "12" }
#sortable li:nth-child(13):before { content: "13" }
#sortable li:nth-child(14):before { content: "14" }
#sortable li:nth-child(15):before { content: "15" }
#sortable li:nth-child(16):before { content: "16" }
#sortable li:nth-child(17):before { content: "17" }
#sortable li:nth-child(18):before { content: "18" }
#sortable li:nth-child(19):before { content: "19" }
#sortable li:nth-child(20):before { content: "20" }
#sortable li:nth-child(21):before { content: "21" }
#sortable li:nth-child(22):before { content: "22" }
#sortable li:nth-child(23):before { content: "23" }
#sortable li:nth-child(24):before { content: "24" }
#sortable li:nth-child(25):before { content: "25" }
#sortable li:nth-child(26):before { content: "26" }
#sortable li:nth-child(27):before { content: "27" }
#sortable li:nth-child(28):before { content: "28" }
#sortable li:nth-child(29):before { content: "29" }
#sortable li:nth-child(30):before { content: "30" }
#sortable li:nth-child(31):before { content: "31" }
#sortable li:nth-child(32):before { content: "32" }
#sortable li:nth-child(33):before { content: "33" }
#sortable li:nth-child(34):before { content: "34" }
#sortable li:nth-child(35):before { content: "35" }
#sortable li:nth-child(36):before { content: "36" }
#sortable li:nth-child(37):before { content: "37" }
#sortable li:nth-child(38):before { content: "38" }
#sortable li:nth-child(39):before { content: "39" }
#sortable li:nth-child(40):before { content: "40" }
#sortable li:nth-child(41):before { content: "41" }
#sortable li:nth-child(42):before { content: "42" }
#sortable li:nth-child(43):before { content: "43" }
#sortable li:nth-child(44):before { content: "44" }
#sortable li:nth-child(45):before { content: "45" }
#sortable li:nth-child(46):before { content: "46" }
#sortable li:nth-child(47):before { content: "47" }
#sortable li:nth-child(48):before { content: "48" }
#sortable li:nth-child(49):before { content: "49" }
#sortable li:nth-child(50):before { content: "50" }
#sortable li:nth-child(51):before { content: "51" }
#sortable li:nth-child(52):before { content: "52" }
#sortable li:nth-child(53):before { content: "53" }
#sortable li:nth-child(54):before { content: "54" }
#sortable li:nth-child(55):before { content: "55" }
#sortable li:nth-child(56):before { content: "56" }
#sortable li:nth-child(57):before { content: "57" }
#sortable li:nth-child(58):before { content: "58" }
#sortable li:nth-child(59):before { content: "59" }
#sortable li:nth-child(60):before { content: "60" }


/* 비밀번호 변경 */
.changePW .container { width: 900px}
.changePW header { background: #333;border-top: 2px solid #20a8d8; padding:20px 0; color:#fff; font-size: 16px}
.changePW h1 { padding:0 0 10px 0; font-weight:550; border:none; background: none}

.changePW section { background: #f9f9f9}
.changePW_H2 { padding:30px 0}
.changePW_H2:after { display: block; content: ""; clear: both; margin: 0 0 0 0}
.changePW_H2 article{ width: 46%; color: #777}
.changePW_H2 article h2 { font-size: 16px;padding:20px 0; font-weight: 600; color:#000 }
.changePW_H2 article p {line-height: 1.4em}

#updateForm { clear: both; padding:20px 0 0 300px; border-top: #ddd solid 2px ;border-bottom: #ddd solid 1px ; margin: 20px 0; padding:40px 0 40px 240px; background: url(../images/bgChangePW.png) no-repeat 0 20px}
#updateForm label { display: inline-block; width: 130px; font-size: 15px}
#updateForm input[type="password"] { width: 33%}
#updateForm input[type="password"]:hover,
#updateForm input[type="password"]:focus { border: #23b0c3 solid 1px}
#updateForm input[type="button"] { border: none; background: #888; color: #fff; font-size: 14px; padding: 5px 10px ; border-radius: 3px}
#updateForm input[type="button"]:hover,
#updateForm input[type="button"]:focus { background: #666}

.pwchange_btnArea { padding: 16px 0 0 0; border-top: dotted #ddd 1px; margin: 15px 0 0 0}

.changePWTip { color: #999}
.changePWTip h3 { font-size: 16px; padding:8px 0; font-weight: normal; color:#23b0c3}
.changePWTip p { padding:3px 0}


/* 환경설정 - 예산관리 & TAB */

.tab {background: #fff; margin: -1px 0 0 0; padding:0 30px; overflow: hidden;}
.tab input { width:50%; border:none; padding:15px 0 ; float: left ; background: #f9f9f9;border: 1px solid #d1d4d7; border-bottom:none; color: #999}
.tab input.on,
.tab input:hover,
.tab input:focus {  background: #E4E5E6; color: #000;border-top: 1px solid #1d97c2 }
.tab input:first-child { margin-right:-1px }

/* common */
.none,
.hidden { position: fixed; left:-9999px}
.floatL { float:left}
.floatR { float:right}


/* note memo */
.note10 { color: #5198b5; padding: 0 0 10px 0; font-size: 13px}
.note_wraning { color: #5198b5; padding: 10px 0; font-size: 13px}

/* select & input */
.select70 { width:70%}
.select80 { width:80%}
.select90 { width:90%}
.select95 { width:95%}

input [placeholder]{color:#d0d0d0}
select,
input[type="text"],
input[type="password"],
.input98,.input97,.input95,.input90,.input85,.input80,.input75,.input70,.input65,.input60,.input55,.input50,.input45,.input40,.input35,.input30,.input25,.input20,.input15,.input10,.input07,.input05 { border: 1px solid #ddd; background: #fff; padding:5px 3px; margin: 1px; line-height:1.2em; height: 16px}

select{ height: 28px}

.select:hover, .select:hover,
.input:hover,
.input:focus,
.input99:hover,.input98:hover,.input97:hover,.input95:hover,.input90:hover,.input85:hover,.input80:hover,.input75:hover,.input70:hover,.input65:hover,.input60:hover,.input55:hover,.input50:hover,.input45:hover,.input40:hover,.input35:hover,.input30:hover,.input25:hover,.input20:hover,.input15:hover,.input10:hover,.input07:hover,.input05:hover,
.input99:focus,.input98:focus,.input97:focus,.input95:focus,.input90:focus,.input85:focus,.input80:focus,.input75:focus,.input70:focus,.input65:focus,.input60:focus,.input55:focus,.input50:focus,.input45:focus,.input40:focus,.input35:focus,.input30:focus,.input25:focus,.input20:focus,.input15:focus,.input10:focus,.input07:focus,.input05:focus { border: 1px solid #2a95ba;}
.input99 {width: 99%}
.input98 {width: 98%}
.input97 {width: 97%}
.input95 {width: 95%}
.input90 {width: 90%}
.input85 {width: 85%}
.input80 {width: 80%}
.input75 {width: 75%}
.input70 {width: 70%}
.input65 {width: 65%}
.input60 {width: 60%}
.input55 {width: 55%}
.input50 {width: 50%}
.input45 {width: 45%}
.input40 {width: 40%}
.input35 {width: 35%}
.input30 {width: 30%}
.input25 {width: 25%}
.input20 {width: 20%}
.input15 {width: 15%}
.input10 {width: 10%}
.input07 {width: 7%}
.input05 {width: 5%}

input[type="text"].dis,
input.readonly {border: solid 1px #ddd; background:#f6f6f6; color:#999; padding:4px;cursor: default}
select.readonly {border: solid 1px #ddd; background:#f6f6f6; color:#999; padding:4px;cursor: default}


textarea.input98,textarea.input97,textarea.input95 { height:auto}
.textarea95 { width:95.5%; height:100px; padding:10px 2%;color:#717171; line-height:1.4em}


/* table */

table {	border-collapse: collapse;border-spacing: 0; background:#fff; vertical-align:middle}
table th { font-weight:600}
table th,
table td { word-break:keep-all; word-wrap:break-word}
caption{ text-align:left; padding:5px 0 7px 0; color:#6a7a87; position:relative; border-bottom: solid 1px #6a7a87}

/* td가 왼쪽정렬 (기본값) table10 */
div.table10, table.table10,
div.table20, table.table20  {border:#d1d4d7 solid 1px; margin: 0 30px; box-sizing:border-box }

.ui-dialog div.table10, .ui-dialog  table.table10,
.ui-dialog div.table20, .ui-dialog  table.table20  {margin: 0 auto;} 

div.table10,
div.table20 { position:relative; overflow: hidden; overflow-x: auto; }
div.table10:after,
div.table20:after { display: block; content: ""; clear: both}

div.table10 table, table.table10,
div.table20 table, table.table20 { width:100%}

.table10 th,
.table10 td,
.table20 th,
.table20 td{ padding:10px 5px; vertical-align:middle; color:#999; font-size: 13px; line-height: 1.3em}
.table10 thead tr:last-child th,
.table20 thead tr:last-child th {border-bottom:none}
.table10 thead th,
.table20 thead th {border-bottom:dotted 1px #ddd;}
.table10 thead th,
.table10 thead td,
.table20 thead th,
.table20 thead td { background:#f8f9fa; padding:15px 5px; color:#666}
.table10 tbody th,
.table20 tbody th { background:#f8f8f8; border-top: 1px solid #f0f0f0; font-family:'나눔고딕','NanumGothic','NanumGothicWeb', "굴림",gulim,"돋움",dotum,Microsoft NeoGothic,Droid,sans-serif; font-size: 12px}
.table10 tbody td,
.table20 tbody td { background:#fff; border-top: 1px solid #e9e9e9; color:#999; font-family:'나눔고딕','NanumGothic','NanumGothicWeb', "굴림",gulim,"돋움",dotum,Microsoft NeoGothic,Droid,sans-serif; font-size: 12px}
table td.title,
table td.book_title { text-align:left; color:#717171}
tfoot th,
tfoot td { background: #fafafa; padding:18px 5px; text-align:center}
.th2 {background:#fafafa; text-align:center}

.ui-dialog .table10 thead th,
.ui-dialog .table10 thead td,
.ui-dialog .table20 thead th,
.ui-dialog .table20 thead td { padding:10px 5px}


/* td가 가운데정렬 table20 */
.table20 td {text-align:center}

.pageNav { text-align:center; margin:10px 30px; overflow: hidden;}
.ui-dialog .pageNav { margin: 10px 0} 
.paging a,
.paging strong,
.paging span { display:inline-block; width:36px; height:26px; padding:10px 0 0 0;  border:#d1d4d7 1px solid; background:#f9f9f9; font-size: 13px; line-height:1.2em; vertical-align: middle; margin:0 -3px}
.paging span,
.paging strong { background:#6f7481;  color:#fff; text-decoration:underline}
.paging a.pageFirst,
.paging a.pageBefore,
.paging a.pageNext,
.paging a.pageLast {background:#f9f9f9 url(../images/btnTableArrow.png) no-repeat 7px 7px; color:#777; overflow: hidden; text-indent: -9999px; overflow: hidden  }
.paging a.pageBefore {background-position: -18px 7px}
.paging a.pageNext { background-position: -43px 7px}
.paging a.pageLast {background-position: -66px 7px}
.paging a:hover,
.paging a:focus {background-color:#6f7481; background-position: 7px -18px; color:#fff;}
.paging a.pageBefore:hover,
.paging a.pageBefore:focus { background-position: -18px -18px}
.paging a.pageNext:hover,
.paging a.pageNext:focus {background-position:-43px -18px}
.paging a.pageLast:hover,
.paging a.pageLast:focus {background-position:-66px -18px}
.paging :last-child { border-radius:0 8px 8px 0}
.paging :first-child { border-radius:8px 0 0 8px}

#book_paging.paging { border-top: solid 1px #ddd; padding: 15px 0 0 0}

.tablesearch { text-align:center; padding:10px 0; margin:40px 0 10px 0; border:#ddd solid 1px ; background:#fafafa url('../images/btn_search.png') no-repeat 21% 12px; line-height:1.2em}
a.btnSearch { display:inline-block; background: #666 none repeat scroll 0 0; border: #333 solid 1px; color: #fff; height:20px; padding:5px 10px 0 10px; margin:0 0 0 -6px; line-height:1.2em; vertical-align:middle}
a.btnSearch:hover,
a.btnSearch:focus { background: #474a50; color:#ffde00}

.no_list { text-align:center}



/* 페이지 하단 오른쪽정렬 */
div.btnArea { margin:10px 30px; padding:10px 0 0 0;text-align:right; border-top: solid #d1d4d7 1px}
div.btnArea a { padding:10px 30px; background:#6d86a0; color:#fff}
div.btnArea a:hover,
div.btnArea a:focus {background:#369}


/* 테이블 하단 오른쪽정렬 */
span.btn_area,
span.btn_area2 { padding:0 0 20px 0;text-align:right; position:absolute; right:0; top:0}
span.btn_area2 { top:-12px}


/* bootstrap */
.btn { padding:0 16px; border-radius:4px; line-height:2.4em; color:#fff; background:#5bc0de url("../images/btnBg.png") no-repeat 0 1000px; border:solid 1px #46b8da}
.btn:hover, .btn:focus { background-color: #31b0d5; border: solid 1px #269abc}
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger { color:#fff}

.btn_delay { padding:0 16px; border-radius:4px; line-height:2.4em; color:#fff; background:#ff8c00 url("../images/btnBg.png") no-repeat 0 1000px; border:solid 1px #ff8c00; line-height: 2em;}
.btn_delay:hover, .btn_delay:focus { background-color: #ffa500; border: solid 1px #ffa500}
.btn_delay:active,
.btn_delay.active {background-image: none;}

.btn-default[disabled="disabled"],
.btn-primary[disabled="disabled"],
.btn-success[disabled="disabled"],
.btn-info[disabled="disabled"],
.btn-warning[disabled="disabled"],
.btn-danger[disabled="disabled"],
.btn-default[disabled="disabled"]:hover,
.btn-primary[disabled="disabled"]:hover,
.btn-success[disabled="disabled"]:hover,
.btn-info[disabled="disabled"]:hover,
.btn-warning[disabled="disabled"]:hover,
.btn-danger[disabled="disabled"]:hover,
.btn-default[disabled="disabled"]:focus,
.btn-primary[disabled="disabled"]:focus,
.btn-success[disabled="disabled"]:focus,
.btn-info[disabled="disabled"]:focus,
.btn-warning[disabled="disabled"]:focus,
.btn-danger[disabled="disabled"]:focus { background:#bbb; cursor: inherit; box-shadow: none; border:#bbb solid 1px; color:#ddd}


.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn:active,
.btn.active {background-image: none;}

.btn.btn-search {background-image:url("../images/btn_search.png"); background-repeat: no-repeat; background-position: center -78px; font-size: 0; height: 27px; width: 50px; font-size: 0;text-indent: -9999px }
/* .btn.btn-search2 {background-image:url("../images/btn_search.png"); background-repeat: no-repeat; background-position: center -78px; font-size: 0; height: 27px; width: 50px; font-size: 0;text-indent: -9999px; margin-left:-8px; } */
.tbl_search_word2 .btn-search2,
.tbl_search_word2 .btn-xls {background-image:url("../images/btnBg.png"); background-position: center 5px;padding:47px 0 0 0; height:80px; width: 80px; position: absolute; right:95px; top: 10px}
.tbl_search_word2 .btn-xls {right: 10px; background-position: center -95px }

.btn-xls {background-image:url("../images/btnBg.png"); background-position:11px -196px; padding-left:34px}


.bi { display:block; width:40px; height:40px; position:absolute; left:50%; top:225px; margin-left:275px; overflow:hidden; text-indent:-9999px  }

/* error */
.error { text-align: center; background: url(../images/bg_error.png) no-repeat center 100px; padding: 410px 0 0 0;}
.error p { padding: 3px ; color: #26b9ce; font-size: 20px; }

/* 이슬기 추가 */
table .phone {width: 110px;}
.priority_radio {float: right; margin-right: 60px; margin-top: -7px;}
#notice_check {margin-left: 10px; font-size: 8px; color: red; font-weight: bold;}

/* */
.stat .table20 {overflow-x: auto;}



/* style_dropzone */
.dz-filename {font-weight:bold;}
.dz-success-mark, .dz-error-mark {display: none;}
.dz-remove {display: block;	text-align: center;}
.dz-details {border-bottom: 1px solid LightGray;}
.dz-progress {margin-top: 15px;	background-color: #f5f5f5;	border-radius: 4px;}
.dz-upload {border-radius: 4px;    display: block;  background-color: #428bca; height: 20px;    width: 0%;    text-align: center;    color: white;}
.dz-preview {display: inline-block;	margin: 10px;	background-color: #fff;	border: 1px solid #ddd;	border-radius: 4px;	line-height: 1.42857;	margin-bottom: 20px;	padding: 4px;}

.file-dropzone {border:none !important; padding:20px 20px 20px 90px; line-height: 1.4em; font-size:13px; color:#666; background:#f9f9f9 url(../images/icon_fileAttach.png) no-repeat 30px 20px !important}
.file-dropzone.drag-over {outline: LightGreen solid 4px}

.panel { margin: 0 30px; background: #fff }



@media screen and (max-width:1300px) {
	.tbl_search_word2 { padding:10px 162px 10px 10px; background-image: none }
	.br { margin: 3px 0}
	.tbl_search_word2 .btn-search2, 
	.tbl_search_word2 .btn-xls { width: 70px; height: 70px; background-position: center 0 ; padding:42px 0 0 0 }
	.tbl_search_word2 .btn-search2 { right:83px }
	.tbl_search_word2 .btn-xls { width: 70px; height: 70px; background-position: center -101px  }
	
	.lib_off_setup_wrap table td {display: inline-block; border:none; padding: 5px; float: left}
	td.book_store_key {}
	td.holiday_type {}
	td.holiday_type div { display: inline-block; padding-right: 15px}
	td.setup_btn { width: 99.5% ; display: block}
}

@media screen and (max-width:1024px){
	
	.location li:first-child { background-position: 18px 10px; padding-left:45px}
	p.h2 { padding-left: 15px}
	.tbl_search_word2,
	.lib_off_setup_wrap { margin: 15px 15px 5px 15px}
	div.table10, table.table10, div.table20, table.table20,
	#calendar,
	.attach_info,
	.article_content,
	.list_ba,
	.textarea,
	.panel { margin: 0 15px}
	
	.pageNav,
	div.btnArea,
	.tbl_search_word,
	.inputWrap,
	.jQTab,
	#sortable,
	.article_container,
	.article_header { margin: 10px 15px}
	
	.tab { padding:0 15px }
	
	.article_header,
	.textarea,
	.attach_info { padding: 15px}

	.sub header,
	header nav ul.main_menu {width: 128px}
	
	h2.h2 { padding-left:15px}
	.sub header h2 { color: #999}
	.sub section { padding-left:128px}
	.managerID { display: block; padding-bottom:5px}
	.sub header h2 { padding-bottom:10px}
	.sub header h2 .manager { display: none}
	
	.loanreturnUserInfo { width: 32%}
	.loanreturnInf {width: calc(71% - 30px)}
	.loan_user_info { margin-right:0}
	
}

/* 필수프로그램 설치 */
.securitSetup { background: #fff; }
.securityConfirm { text-align: center; background: #fff;  }
/*.securityConfirm h1 { background: #fff url('../images/securityConfirmH1.png') no-repeat 51% 40px; color:#333;padding:180px 0 20px 0; font-size: 36px; }*/
.securityConfirm h2 {width: 800px; margin: 0 auto; text-align: left; padding: 40px 0 10px;font-size: 19px; font-weight: normal;}

.securityConfirm ul {width: 740px; margin: 0 auto; border:#20a8d8 solid 1px; padding: 30px 20px 30px 30px;}
/*.securityConfirm li {font-size: 15px; text-align: left; padding: 5px 0 5px 12px; background: url('../images/decoDot4.gif') no-repeat 0 11px;}*/
.securityConfirm li a { font-size: 15px; vertical-align: baseline;}
.securityConfirm table caption { position: fixed; left: -9999px; }
.securityConfirm table {width: 800px;margin: 0 auto; }
.securityConfirm table strong { font-weight: 600 }
.securityConfirm table th,
.securityConfirm table td {padding: 10px; border:solid 1px #ededed; font-size: 15px; font-weight: normal}
.securityConfirm table thead th { background: #f7f7f7; border:solid 1px #cecece;border-top:solid 1px #354861; border-bottom: none }
.securityConfirm .btnDN { display: inline-block;border: solid 1px #ddd; color:#354861; padding: 8px 14px;  }
.securityConfirm .btnDN:hover,
.securityConfirm .btnDN:focus {background: #f9f9f9; color: #273a53 }
.securityConfirm .btnLink { display: inline-block; background: #354861;color: #ddd; padding: 15px 25px; margin: 15px 0;  }
.securityConfirm .btnLink:hover,
.securityConfirm .btnLink:focus {background: #273a53; color: #fff }