@charset "euc-kr";
/* ±âº» ¿µ¿ª¿¡ ´ëÇÑ ¼³Á¤ */
#DLS_K3{	width:100%;}
#DLS_K3 form{	margin:0;	padding:0;	border:0px;	}
/* ################################################################################################################################## */
/* ·Î±×ÀΠâ */
/*#LoginForm form{
	position:relative;
	width:383px;	height:206px;	overflow:hidden;
	text-align:left;
	background:url("./image/login_bg.jpg") no-repeat top center;
}

/*#LoginForm .top_cont{	padding:45px 0 0 130px;	color:#660000;} /* ¾È³» ¹®±¸ */
/*#LoginForm .id{	padding:10px 0 0 130px;	}
#LoginForm .pw{	padding:0 0 0 130px;	}
#LoginForm .btns{	padding:20px 0 0 0px;	text-align:right;	}

#LoginForm #member_id{	width:140px;	}
#LoginForm #member_pw{	width:140px;	}
#LoginForm input{	vertical-align:top;	}
*/
#LoanBookList{border:0px solid;text-align:left;}
#login_box{width:100%;position:relative;margin:0 auto;/*border:1px dotted #ccc;*/}
#login_bg{position:relative;margin:0 auto;padding:20px;}
.login_notice{width:100%;margin:0;padding:0;/*height:65px;*/border-bottom:1px solid #ccc; float:left}
.login_notice .lo_no_tit{padding:10px 15px; background:#084883; float:left;}
.login_notice .lo_no_tit .tit_01 {font-size:10px; color:#fff;}
.login_notice .lo_no_tit .tit_02 {font-size:15px; color:#fff; font-weight:600;}
.login_notice .lo_no_txt{float:left;margin-left:20px; float:left}
.login_notice .lo_no_txt li{list-style-type:none;font-size:14px;color:#333;line-height:25px;text-align:left;background:url('../../design_image/common/sub/icon_li_li.png') no-repeat 0 9px;}
.login_notice .lo_no_txt li li {background:none;}
.login_bg:after{content:""; display:block;clear:both;}
.login_info_box{width:90%;padding:5%; float:left}
.login_info_box p{font-size:14px;color:#555;}
.login_info_box .login_info{position:relative;margin:0 auto;padding-top:20px;clear:both;}
.login_info .login_id{float:left;margin-right:20px;}
.login_info .login_id label{font-size:14px;color:#333;line-height:25px;}
.login_info .login_id #member_id{width:150px;height:35px;margin-bottom:10px;border:1px solid #dedede;background:#fff;margin-left:10px;padding-left:15px;}
.login_info .login_pw{float:left; margin-right:25px;}
.login_info .login_pw label{font-size:14px;color:#333;line-height:25px;}
.login_info .login_pw #member_pw {width:150px;height:35px;border:1px solid #dedede; background:#fff; margin-left:10px; padding-left:15px;}
.login_info .login_btn{width:80px;height:35px;background:#084883;font-size:14px;color:#fff;text-align:center;position:relative;border:0;margin-left:20px;}
.login_info_box .login_btn{width: 80px;
    height: 35px;
    background: #084883;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    border: 0;

    /* margin: 0 auto; */
    display: inline-block;
    margin-left: -20px;}

.login_info_box .login_btn{width: 80px;
    height: 84px;}

@media screen and (min-width:634px){
.login_info_box .login_btn{width: 80px;
    height:35px;}


}
@media screen and (min-width:640px){
.login_info_box .login_btn{width: 80px;
    height:35px;
	margin-top:10px}


}
@media screen and (min-width:704px){
.login_info_box .login_btn{width: 80px;
    height:35px;
	margin-top:0px}


}

/* ################################################################################################################################## */
/* ºñ¹Ð¹øÈ£ ã±â  */
#PasswordForm{	position:relative;	width:497px;	height:166px;	overflow:hidden;	margin:30px 0 100px 0;	text-align:left;	background:url("./image/password.change.bg.jpg") no-repeat top center;}
#PasswordForm form{	padding:10px 0 0 206px;}
#PasswordForm form p{		height:28px;	}
#PasswordForm form input{	vertical-align:top;	}
#PasswordForm .btns{	padding:5px 0 0 0;	text-align:center;	}
/* ################################################################################################################################## */
/* µµ¼­´ëÃâ ÀÌ·Â Á¶È¸ */
/*#LoanBookList .Tab{	height:42px;	background:url("./image/tab_bg.gif") repeat-x top left;	line-height:38px;}
#LoanBookList .Tab img{	vertical-align:middle;	}
#LoanBookList .Tab ul{	list-style:none;	padding:0;	margin:0;}
#LoanBookList .Tab ul li{	float:left;	margin:0;	padding:0;}
/* °Ë»ö°á°ú ¸®½ºÆ® */
/*#LoanBookList table{	#width:665px;width:100%;border-collapse:collapse;}
#LoanBookList table th{	padding:8px 0;	text-align:center;	color:#574d45;	background:#e7e5dd;}
#LoanBookList table td{	padding:6px 0;text-align:center;	border-bottom:1px solid #d7d7d7;}
#LoanBookList span.Loan{	color:blue;}
#LoanBookList span.Finish{color:gray;}
*/
/*Å×À̺í*/
table{display:table;table-layout:fixed;border:1px solid #ccc;border-top:2px solid #555;margin:20px 0;}
table thead{border-bottom:1px solid #787878;}
table thead th{padding:15px 10px;background:#f9f9f9;line-height:17px;font-size:15px;color:#000;text-align:center;border:1px solid #ccc;font-weight:600;}
table tbody th{text-align:center;color:#121212;background:#f9f9f9;border:1px solid #ccc;}
table tbody td{text-align:center;color:#666;border:1px solid #ccc;font-size:14px;line-height:18px;}
table tbody td *{vertical-align:middle;}
table th , table td{padding:12px 9px;word-wrap:break-word;word-break:keep-all;vertical-align:middle;border:1px solid #ccc;line-height:1.5em;}
table tfoot th, table tfoot td{border:1px solid #ddd;text-align:center;color:#666;background-color:#fafafa;}


.tbl_basic {     margin-bottom: 10px;    width: 100%;    border-top: 2px solid #505d7a;    border-bottom: 1px solid transparent;}
.tbl_basic thead th {     color: #333;background: #f7f7f7;}
.tbl_basic th.thst {    color: #333;background: #eee}
.tbl_basic th {    background-color: #f9fafb;    font-size: 15px;    color: #4b556e;}

.tbl_basic th, .tbl_basic td {     padding: 9px 10px;    border-left: 1px dotted transparent;    border-bottom: 1px solid transparent;    margin-left: -1px;
    vertical-align: middle;    word-wrap: break-word;    word-break: keep-all;    text-align: center;}
.tbl_basic th, .tbl_basic td {    border-left: 1px solid #ccc;    border-right: 1px solid #ccc;    border-bottom: 1px solid #ccc;}
table.tbl_basic caption {text-indent: -9999px; height:0;}




/* Èñ¸Áµµ¼­ ½Åû ¾È³» tab design */
.tab_01 {display:inline-block; width: 100%; margin-bottom:10px; }
.tab_01 ul li {width:50%; float:left; background: #ddd; text-align: center; padding:15px 0; font-size: 15px; border:1px solid #fff; box-sizing: border-box;}
.tab_01 ul li a { color:#555; display: block;}
.tab_01 ul li.li_on{background: #3f83c3; text-align: center;}
.tab_01 ul li.li_on a {color:#fff;}

/* µµ¼­Åùè´ëÃâ ½Åû ¾È³» tab design */
.tab_02 {display:inline-block; width: 100%; margin-bottom:10px;  }
.tab_02 ul li {width:50%; float:left; background: #ddd; text-align: center; padding:15px 0; font-size: 15px; border:1px solid #fff; box-sizing: border-box;}
.tab_02 ul li a { color:#555; display: block;}
.tab_02 ul li.li_on{background: #3f83c3; text-align: center;}
.tab_02 ul li.li_on a {color:#fff;}



/* ÆäÀÌ¡ */
#LoanBookList .Paging{	padding:10px 0 25px 0;text-align:center;}
#LoanBookList .Paging img{vertical-align:middle;}
#LoanBookList .Paging .nowPage{	font-weight:bold;	color:GREEN;	}
/* ################################################################################################################################## */
/* ½ÅÂø ÀÚ·á ½Åû */
#NewBook ul.DateList{list-style:none;padding:0;overflow:hidden;margin-bottom:20px;}
#NewBook ul.DateList li{float:left;border:1px solid #ccc;margin-right:10px;padding:5px;}
#NewBook ul.DateList li:hover{background:#ddd;}
#NewBook ul.DateList img{vertical-align:middle;}
#NewBook table.SearchFormTable th{text-align:left;}
/* Marc Å×À̺í */
table.MarcList{		border-collapse:collapse;	border-top:2px solid #666666;	width:100%;	}
table.MarcList th{	padding:5px;	text-align:center;	border-bottom:1px solid #CCCCCC;	background:#F3F3F3;	}
table.MarcList td{	padding:5px;	text-align:center;	border-bottom:1px solid #CCCCCC;		}
#board-list-page{text-align:center; margin-top:30px;}
#board-list-page a{margin:0 1px; border:1px solid #ddd; width:28px; height:28px; line-height:28px; padding:0px; font-size:11px; color:#555; 
    display:inline-block; cursor: pointer;}
#board-list-page a:hover{background:#ddd;}
#board-list-page a.list{width:1.9em;line-height:1.8em;text-align:center;text-decoration:none;font-size:0.9em;}
#board-list-page a.nowPage{font-weight:bold;	background:#2264a8; color:#fff; 	}
#board-list-page img{vertical-align:middle;}
#board-list-btns a{background:#3b5fae;color:#fff;padding:7px 10px;font-size:13px;border:1px solid #3b5fae;display:inline-block;}
#board-list-btns p{background:#3b5fae;color:#fff;padding:7px 10px;font-size:13px;border:1px solid #3b5fae;display:inline-block;}

#board-list-page .all_left {background: url("./../../design_image/common/sub/paging_allleft.png") no-repeat; text-indent: -9999px;}
#board-list-page .pre_page {background: url("./../../design_image/common/sub/paging_left.png") no-repeat; text-indent: -9999px;}
#board-list-page .next_page{background: url("./../../design_image/common/sub/paging_right.png") no-repeat; text-indent: -9999px;}
#board-list-page .all_right {background: url("./../../design_image/common/sub/paging_allright.png") no-repeat; text-indent: -9999px;}


#board-list-search{text-align:center;width:100%;margin-top:30px;padding:30px 0;background:#eee;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;}
#board-list-search form{}
#board-list-search fieldset{}
#board-list-search legend{	display:none;}
#board-list-search label{display:none;}
#board-list-search p{display:inline;}
#ss{height:35px;width:300px;}
#st{height:35px;width:300px;}
#board-list-search input{vertical-align:middle;border:1px solid #ccc;height:35px;}
#board-list-search input[type="button"]{background:#707070;color:#fff;padding:0 10px;border:1px solid #707070;}
#board-list-search input[type="submit"]{background:#707070;color:#fff;padding:0 10px;border:1px solid #707070;}
#board-list-search select{vertical-align:middle;height:35px;width:150px;border:1px solid #ccc;}
#board-list-search input.textbox{height:1.2em;	}



/* 320 ¸ð¹ÙÀÏ »çÀÌÁî ½ÃÀÛ===================================================================================================================== */
@media screen and (min-width:320px)and (max-width:767px){
    .login_notice .lo_no_txt {margin-left:0; }
    .login_info .login_id {display: block; width:100%;}
    .login_info .login_id label {display: inline-block; width:60px;}
    .login_info .login_pw label {display: inline-block; width:60px;}
    .login_info .login_pw{display: block; width:100%;}
    .login_info .login_id #member_id {width:60%;}
    .login_info .login_pw #member_pw {width:60%; margin-bottom: 2%;}
    .login_info_box .login_btn {width:100%; display:inline-block; height: 40px; text-align: center; margin-top:10px; 
        -webkit-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px;}
    .login_info .login_confirm {display: block; text-align: center;}

}