@charset "utf-8";
/* CSS Document */
.bg1{background:#fff;}
.bg2{background:#efefef;}
.bg3{background:#e2e5ec;}
/*---------------- 원형 button style ----------------*/
/* 원형 height:22 */
.btn_h22_t01{display:inline-block; padding:4px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#6c82a9; vertical-align:middle;}
.btn_h22_t02{display:inline-block; padding:4px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#75777b;vertical-align:middle;}
.btn_h22_t03{display:inline-block; padding:4px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#438ece;vertical-align:middle;}
.btn_h22_t04{display:inline-block; padding:4px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#727cc8;vertical-align:middle;}
.btn_h22_t05{display:inline-block; padding:4px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#0c7c9e;vertical-align:middle;}
.btn_h22_t06{display:inline-block; padding:4px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#365999;vertical-align:middle;}
.btn_h22_t01:hover, .btn_h22_t02:hover, .btn_h22_t03:hover, .btn_h22_t04:hover, .btn_h22_t05:hover, .btn_h22_t06:hover{background:#0093ee;  transition:0.3s ease;}

/* 원형 height:24 */
.btn_h24_t01{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:26px; background:#365999;vertical-align:middle !important;}
.btn_h24_t02{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:26px; background:#75777b;vertical-align:middle;}
.btn_h24_t03{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:26px; background:#6c82a9;vertical-align:middle;}
.btn_h24_t04{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:26px; background:#f84e57;vertical-align:middle;}
.btn_h24_t05{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:26px; background:#438ece;vertical-align:middle;}
.btn_h24_t06{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; line-height:15px; font-size:14px; font-style:normal; font-weight:400; border-radius:26px; background:#eb7a7a;vertical-align:middle;}
.btn_h24_t01:hover, .btn_h24_t02:hover, .btn_h24_t03:hover, .btn_h24_t04:hover, .btn_h24_t05:hover, .btn_h24_t06:hover{background:#0093ee; transition:0.3s ease;}

.btn_type01{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#365999;vertical-align:middle; line-height:15px;}
.btn_type02{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#75777b;vertical-align:middle; line-height:15px;}
.btn_type03{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#6c82a9;vertical-align:middle; line-height:15px;}
.btn_type04{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#f84e57;vertical-align:middle; line-height:15px;}
.btn_type05{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#438ece;vertical-align:middle; line-height:15px;}
.btn_type01:hover, .btn_type02:hover, .btn_type03:hover, .btn_type04:hover, .btn_type05:hover{background:#0093ee; transition:0.3s ease;}
.btnTxt{display:inline-block; line-height:16px; vertical-align:middle;}
/* 원형 height:28 */
.btn_h28_t01, .btn_h40_on{display:inline-block; line-height:28px; height:28px; line-height:28px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border-radius:28px; background:#365a99;vertical-align:middle;}
.btn_h28_t02{display:inline-block; line-height:28px; height:28px; line-height:28px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border-radius:28px; background:#75777b;vertical-align:middle;}
.btn_h28_t01:hover, .btn_h28_t02:hover{background:#0093ee; transition:0.3s ease;}


/* 원형 라인 height:28 */
.btn_h28l{display:inline-block; line-height:28px; height:28px; text-align:center; color:#4c5564 !important; font-size:13px; font-style:normal; font-weight:400; border:solid 1px #4c5564; border-radius:28px; padding:0 15px;vertical-align:middle;}
.btn_h28l:hover{display:inline-block; line-height:28px; height:28px; text-align:center; color:#fff !important; border-radius:28px;; background:#4c5564;  transition:0.3s ease;}
.btn_h28l_sns{display:inline-block; line-height:28px; height:28px; width:28px; text-align:center; color:#4c5564 !important; font-size:13px; font-style:normal; font-weight:400; border:solid 1px #4c5564; border-radius:28px;vertical-align:middle;}
.btn_h28l_sns:hover{display:inline-block; line-height:28px; height:28px;text-align:center; color:#fff !important; border-radius:28px;; background:#4c5564; border:solid 1px #4c5564;  transition:0.3s ease;}

/* 원형 height:40 width:160px픽스*/
.btn_h40_t01, .btn_h40_on{display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; width:160px; border-radius:40px; background:#365a99;vertical-align:middle;}
.btn_h40_t02{display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; width:160px; border-radius:40px; background:#75777b;vertical-align:middle;}
.btn_h40_t01:hover, .btn_h40_t02:hover{background:#0093ee;  display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; width:160px; border-radius:40px; transition:0.3s ease;}
/* 원형 height:40 width:padding 여백 free*/
.btn_h40f_t01, .btn_h40f_on{display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; border-radius:40px; background:#365a99; padding:0 15px;}
.btn_h40f_t02{display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500;  border-radius:40px; background:#75777b; padding:0 15px;vertical-align:middle;}
.btn_h40f_t01:hover, .btn_h40f_t02:hover{background:#0093ee;  display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border-radius:40px; transition:0.3s ease;}
/* 사각 height:40 */
.btn_h40_t01_square, .btn_h40_square_on{display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; background:#365a99;vertical-align:middle;}
.btn_h40_t02_square{display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; background:#75777b;vertical-align:middle;}
.btn_h40_t01_square:hover, .btn_h40_t02_square:hover{background:#0093ee;}

/* 원형 라인 height:40 */
.btn_h40l_t01{display:inline-block; line-height:34px; height:34px; text-align:center; color:#365a99 !important; font-size:16px; padding:0 15px; font-style:normal; font-weight:500; border:solid 3px #365a99; border-radius:40px; background:#fff;vertical-align:middle;}
.btn_h40l_t02{display:inline-block; line-height:34px; height:34px; text-align:center; color:#75777b !important; font-size:16px; padding:0 15px; font-style:normal; font-weight:500; border:solid 3px #75777b; border-radius:40px; background:#fff;vertical-align:middle;}
.btn_h40l_t03{display:inline-block; line-height:34px; height:34px; text-align:center; color:#0093ee !important; font-size:16px; padding:0 15px; font-style:normal; font-weight:500; border:solid 3px #0093ee; border-radius:40px; background:#fff;vertical-align:middle;}

.btn_h40l_t01:hover, .btn_h40l_t02:hover, .btn_h40l_t03:hover, .btn_h40l_on{display:inline-block; line-height:34px; height:34px; text-align:center;border:solid 3px #365a99; color:#fff !important; font-size:16px; padding:0 15px; font-style:normal; font-weight:500; border-radius:40px; background:#365a99; border-color:#365a99;  transition:0.3s ease; }
.btn_h40l_t01.neww{background-image:url(../images/i_newWin_navy.png); background-repeat:no-repeat; background-position:right 15px center; padding-right:34px;}
.btn_h40l_t01.neww:hover{background-image:url(../images/i_newWinw.png); padding-right:34px;}

/* 원형 라인 아이콘 height:40 */
.btn_icon, .btn_left, .btn_right{display:inline-block; line-height:40px; height:40px; color:#75777b !important; font-size:40px; font-style:normal; font-weight:400; vertical-align:top;vertical-align:middle;}
.btn_icon:hover i, .btn_left:hover i, .btn_right:hover i{color:#0093ee;  transition:0.3s ease;}

/* 확장자버튼 height:40 */
.btn_excel{display:inline-block; line-height:34px; height:34px; text-align:center; color:#10713a !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border:solid 3px #10713a; border-radius:40px; background:#fff;vertical-align:middle;}
.btn_excel i{display:inline-block; width:16px; height:14px; background:url(../images/i_excel.png) no-repeat 0 0; margin-right:5px;}
.btn_excel:hover{display:inline-block; line-height:34px; height:34px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; border-radius:40px; background:#10713a; border-color:#10713a; transition:0.3s ease;}
.btn_excel:hover i{display:inline-block; width:16px; height:14px; background:url(../images/i_excel_w.png) no-repeat 0 0; transition:0.3s ease;}
.btn_pdf{display:inline-block; line-height:34px; height:34px; text-align:center; color:#dd4c3a !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border:solid 3px #dd4c3a; border-radius:40px; background:#fff;vertical-align:middle;}
.btn_pdf i{display:inline-block; width:15px; height:14px; background:url(../images/i_pdf.png) no-repeat 0 0; margin-right:5px;}
.btn_pdf:hover{display:inline-block; line-height:34px; height:34px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; border-radius:40px; background:#dd4c3a; border-color:#dd4c3a; transition:0.3s ease;}
.btn_pdf:hover i{display:inline-block; width:15px; height:14px; background:url(../images/i_pdf_w.png) no-repeat 0 0; transition:0.3s ease;}

.btn_ppt{display:inline-block; line-height:34px; height:34px; text-align:center; color:#d25b29 !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border:solid 3px #d25b29; border-radius:40px; background:#fff;vertical-align:middle;}
.btn_ppt i{display:inline-block; width:12px; height:14px; background:url(../images/i_ppt.png) no-repeat 0 0; margin-right:5px;}
.btn_ppt:hover{display:inline-block; line-height:34px; height:34px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; border-radius:40px; background:#d25b29; border-color:#d25b29; transition:0.3s ease;}
.btn_ppt:hover i{display:inline-block; width:12px; height:14px; background:url(../images/i_ppt_w.png) no-repeat 0 0; transition:0.3s ease;}

.btn_word{display:inline-block; line-height:34px; height:34px; text-align:center; color:#216dae !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border:solid 3px #216dae; border-radius:40px; background:#fff;vertical-align:middle;}
.btn_word i{display:inline-block; width:22px; height:14px; background:url(../images/i_word.png) no-repeat 0 0; margin-right:5px;}
.btn_word:hover{display:inline-block; line-height:34px; height:34px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; border-radius:40px; background:#216dae; border-color:#216dae; transition:0.3s ease;}
.btn_word:hover i{display:inline-block; width:22px; height:14px; background:url(../images/i_word_w.png) no-repeat 0 0; transition:0.3s ease;}

.btn_image{display:inline-block; line-height:34px; height:34px; text-align:center; color:#562c86 !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border:solid 3px #562c86; border-radius:40px; background:#fff;vertical-align:middle;}
.btn_image i{display:inline-block; width:20px; height:14px; background:url(../images/i_image.png) no-repeat 0 0; margin-right:5px;}
.btn_image:hover{display:inline-block; line-height:34px; height:34px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; border-radius:40px; background:#562c86; border-color:#562c86; transition:0.3s ease;}
.btn_image:hover i{display:inline-block; width:20px; height:14px; background:url(../images/i_image_w.png) no-repeat 0 0; transition:0.3s ease;}

.btn_txt{display:inline-block; line-height:34px; height:34px; text-align:center; color:#6a533b !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border:solid 3px #6a533b; border-radius:40px; background:#fff;vertical-align:middle;}
.btn_txt i{display:inline-block; width:20px; height:14px; background:url(../images/i_txt.png) no-repeat 0 0; margin-right:5px;}
.btn_txt:hover{display:inline-block; line-height:34px; height:34px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; border-radius:40px; background:#6a533b; border-color:#6a533b; transition:0.3s ease;}
.btn_txt:hover i{display:inline-block; width:20px; height:14px; background:url(../images/i_txt_w.png) no-repeat 0 0; transition:0.3s ease;}

.btn_align{border:solid 3px #365a99; border-radius:40px; box-sizing:border-box; overflow:hidden; height:40px;}
.btn_align a{display:block;width:45px; height:100%; float:left; padding:0;}
.btn_align:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_align .btn_viewblist{padding:0;background:url(../images/i_vlist_indigo.png) no-repeat center; }
.btn_align .btn_viewblist:hover, .btn_align .btn_viewblist_on{background:#0093ee url(../images/i_vlist_white.png) no-repeat center; transition:0.3s ease;}
.btn_align .btn_viewimg{background:url(../images/i_vimg_indigo.png) no-repeat center; border-left:solid 1px #365a99;}
.btn_align .btn_viewimg:hover, .btn_align .btn_viewimg_on{background:#0093ee url(../images/i_vimg_white.png) no-repeat center; transition:0.3s ease;}
.btn_align .btn_viewlist{background:url(../images/i_vbrief_indigo.png) no-repeat center; border-left:solid 1px #365a99;}
.btn_align .btn_viewlist:hover, .btn_align .btn_viewlist_on{background:#0093ee url(../images/i_vbrief_white.png) no-repeat center; transition:0.3s ease;}

.btn_viewcal{width:24px; height:24px; text-align:center; display:block; padding:7px 2px 3px 2px; float:left;}
.btn_viewcal i{width:20px; height:20px; background:url(../images/cal_indigo.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
.btn_viewcal:hover i, .btn_viewcal i.on{width:20px; height:20px; background:url(../images/cal_blue.png) no-repeat 0 0; vertical-align:middle; display:inline-block; transition:0.3s ease;}

.btn_more{display:block;}
.btn_more i{background:url(../images/btn_more_off.png) no-repeat 0 0; width:40px; height:40px; display:inline-block;}
.btn_more:hover i{background:url(../images/btn_more_on.png) no-repeat 0 0; width:40px; height:40px; display:inline-block; transition:0.3s ease;}
.btn_morebook{background:url(../images/btn_more_indigo.png) no-repeat 0 0; width:40px; height:40px; display:inline-block;}
.btn_morebook:hover{background:url(../images/btn_more_on.png) no-repeat 0 0; width:40px; height:40px; display:inline-block; transition:0.3s ease;}

.btn_check_all{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box;
background:#fff url(../images/i_chk_all_indigo.png) no-repeat center;}
.btn_check_all:hover, .btn_check_all_on{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box; 
background:;background:#0093ee url(../images/i_chk_all_white.png) no-repeat center;  transition:0.3s ease;}
.btn_move{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; background:url(../images/i_move_indigo.png) no-repeat center; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box;}
.btn_move:hover, .btn_move_on{background:#0093ee url(../images/i_move_white.png) no-repeat center;  transition:0.3s ease;}
.btn_move2{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; background:url(../images/i_move2.png) no-repeat center; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box;}
.btn_move2:hover, .btn_move2_on{background:#0093ee url(../images/i_move2w.png) no-repeat center;  transition:0.3s ease;}

.btn_print{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box; background:url(../images/i_print_indigo.png) no-repeat center;}
.btn_print:hover, .btn_print_on{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box;
background:#0093ee url(../images/i_print_white.png) no-repeat center;  transition:0.3s ease;}
.btn_delete{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box; background:url(../images/i_delete.png) no-repeat center;}
.btn_delete:hover, .btn_delete_on{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box;
background:#0093ee url(../images/i_delete_white.png) no-repeat center;  transition:0.3s ease;}

.btn_filter{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; background:url(../images/i_filter.png) no-repeat center; border-radius:40px; text-align:center; display:block; float:left; box-sizing:border-box;}
.btn_filter:hover, .btn_filter_on{background:#0093ee url(../images/i_filterW.png) no-repeat center;  transition:0.3s ease;}

.btn_rss{display:inline-block; line-height:24px; height:24px; text-align:center; color:#fff !important; font-size:14px; padding:2px 15px; border-radius:26px; background:#f2890a;}
.btn_rss:hover{background:#f2670a;}
.btn_rss i{display:inline-block; width:15px; height:15px; background:url(../images/i_rss.png) no-repeat 0 0;}

.btn_align_cal{border:solid 3px #365a99; border-radius:40px; box-sizing:border-box; overflow:hidden; height:40px;}
.btn_align_cal a{display:block;width:45px; height:100%;}
.btn_align_cal .btn_viewlist{background:#fff url(../images/i_vbrief_blue.png) no-repeat center; float:left; padding:0;}
.btn_align_cal .btn_viewlist:hover, .btn_align_cal .btn_viewlist_on{background:#0093ee url(../images/i_vbrief_white.png) no-repeat center; transition:0.3s ease;}
.btn_align_cal .btn_viewcal{background:#fff url(../images/cal_indigo.png) no-repeat center; float:right; padding:0; border-left:solid 1px #365a99;}
.btn_align_cal .btn_viewcal:hover, .btn_align_cal .btn_viewcal_on{background:#0093ee url(../images/cal_white.png) no-repeat center; transition:0.3s ease;}

 /* 소장자료 아이콘 */
.link_twitter, .link_facebook, .link_mail, .link_print, .link_move{width:40px; line-height:40px; height:40px; border:solid 3px #365a99; border-radius:40px; text-align:center; display:inline-block; box-sizing:border-box;}
.link_twitter i{width:20px; height:16px; background:url(../images/link_twitter_navy.png) no-repeat 0 0; display:inline-block;}
.link_facebook i{width:10px; height:20px; background:url(../images/link_facebook_navy.png) no-repeat 0 0; display:inline-block;}
.link_mail i{width:20px; height:16px; background:url(../images/link_mail_navy.png) no-repeat 0 0; display:inline-block;}
.link_print i{width:20px; height:20px; background:url(../images/i_print_indigo.png) no-repeat 0 0; display:inline-block;}
.link_move i{width:20px; height:20px; background:url(../images/i_move_indigo.png) no-repeat center; display:inline-block;}
.link_twitter:hover, .link_facebook:hover, .link_mail:hover, .link_print:hover, .link_move:hover{border:solid 3px #0093ee; transition:0.3s ease;}
.link_twitter:hover i{background:url(../images/link_twitter_blue.png) no-repeat 0 0; transition:0.3s ease;}
.link_facebook:hover i{background:url(../images/link_facebook_blue.png) no-repeat 0 0; transition:0.3s ease;}
.link_mail:hover i{background:url(../images/link_mail_blue.png) no-repeat 0 0; transition:0.3s ease;}
.link_print:hover i{background:url(../images/i_print_blue.png) no-repeat 0 0; transition:0.3s ease;}
.link_move:hover i{background:url(../images/i_move_blue.png) no-repeat center; transition:0.3s ease;}


 /* 아이콘 */
i.attachment{width:22px; height:20px; background:url(../images/attachment.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.down{width:19px; height:20px; background:url(../images/down.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.prev{width:40px; height:40px; background:url(../images/btn_prev_off.png) no-repeat 0 0;}
i.prev:hover{width:40px; height:40px; background:url(../images/btn_prev_on.png) no-repeat 0 0; transition:0.3s ease;}
i.next{float:right; right:0;}
i.next{width:40px; height:40px; background:url(../images/btn_next_off.png) no-repeat 0 0;}
i.next:hover{width:40px; height:40px; background:url(../images/btn_next_on.png) no-repeat 0 0; transition:0.3s ease;}
i.t_right{width:4px; height:6px; background:url(../images/t_right.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_blue_right{width:8px; height:15px; background:url(../images/i_blue_right.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_cblue_right{width:8px; height:15px; background:url(../images/i_cblue_right.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_blue_left{width:8px; height:15px; background:url(../images/i_blue_left.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_bl_right{width:8px; height:15px; background:url(../images/i_bl_right.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_bl_left{width:8px; height:15px; background:url(../images/i_bl_left.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_bl_up{width:15px; height:8px; background:url(../images/i_bl_up.png) no-repeat 0 0; display:inline-block; background-size:100%;}
i.i_bl_down{width:15px; height:8px; background:url(../images/i_bl_down.png) no-repeat 0 0; display:inline-block; background-size:100%;}

i.i_bl_right2{width:20px; height:38px; background:url(../images/i_bl_right2.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_bl_left2{width:20px; height:38px; background:url(../images/i_bl_left2.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-right:5px;}


i.i_white_right{width:8px; height:15px; background:url(../images/i_white_right.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_white_up{width:15px; height:8px; background:url(../images/i_white_up.png) no-repeat 0 0; display:inline-block; background-size:100%;}
i.i_white_down{width:15px; height:8px; background:url(../images/i_white_down.png) no-repeat 0 0; display:inline-block; background-size:100%;}
i.i_white_left{width:8px; height:15px; background:url(../images/i_white_left.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_cblue_up{width:15px; height:8px; background:url(../images/i_cblue_up.png) no-repeat 0 0; display:inline-block;}
i.i_cblue_down{width:15px; height:8px; background:url(../images/i_cblue_down.png) no-repeat 0 0; display:inline-block;}
i.no_info{width:24px; height:24px; display:inline-block; background:url(../images/radio_none.png) 0 0; vertical-align:middle;}


i.upload{width:40px; height:44px; background:url(../images/upload.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
.btn_h40l_t03:hover i.i_blue_right{background:url(../images/i_white_right.png) no-repeat 0 0;}
i.setting{width:20px; height:20px; background:url(../images/i_set.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.link{width:20px; height:20px; background:url(../images/i_link.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.share{width:20px; height:20px; background:url(../images/i_share.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.chka{width:20px; height:20px; background:url(../images/i_chka.png) no-repeat 0 0; vertical-align:top; display:inline-block; margin:11px 7px 0 0;}
i.delete{width:20px; height:20px; background:url(../images/i_delete.png) no-repeat 0 0; vertical-align:top; display:inline-block; margin:11px 7px 0 0;}
i.move{width:20px; height:20px; background:url(../images/i_move.png) no-repeat 0 0; vertical-align:top; display:inline-block; margin:11px 7px 0 0;}
i.reply{width:23px; height:20px; background:url(../images/i_reply.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 10px 0 0;}
i.lock{width:18px; height:20px; background:url(../images/i_lock.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.img{width:20px; height:20px; background:url(../images/i_img.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.file{width:20px; height:20px; background:url(../images/i_file.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.new{width:20px; height:20px; background:url(../images/i_new.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.copy{width:20px; height:20px; background:url(../images/i_copy.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.plus{width:14px; height:14px; background:url(../images/plus.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.minus{width:14px; height:14px; background:url(../images/minus.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.calendar{width:20px; height:20px; background:url(../images/i_calendar.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.cal_bl{width:20px; height:20px; background:url(../images/cal_bl.png) no-repeat 0 0; vertical-align:top; display:inline-block; margin:10px 7px 0 0;}
i.cal_w{width:20px; height:20px; background:url(../images/cal_white.png) no-repeat 0 0; vertical-align:top; display:inline-block; margin:10px 7px 0 0;}
i.dot_grey{width:3px; height:3px; background:url(../images/dot_grey.gif) no-repeat left center; vertical-align:middle; display:inline-block; padding-left:13px;}
i.clip{width:14px; height:15px; background:url(../images/i_clip.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.r_book{width:25px; height:23px; background:url(../images/i_rbook.png) no-repeat 0 0; vertical-align:text-bottom; display:inline-block;}
i.r_glass{width:24px; height:23px; background:url(../images/i_rglass.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.keyboard{width:26px; height:16px; background:url(../images/i_key.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.popular{width:15px; height:15px; background:url(../images/popular.png) no-repeat left 0; display:inline-block;}
a:hover i.popular{background:url(../images/popular.png) no-repeat right 0;}

.i_morebook{background:url(../images/btn_more_indigo.png) no-repeat 0 0; width:40px; height:40px; display:inline-block;}
.i_morebook:hover{background:url(../images/btn_more_on.png) no-repeat 0 0; width:40px; height:40px; display:inline-block; transition:0.3s ease;}

i.author{background:url(../images/i_author.png) no-repeat left center; display:inline-block;}
i.publisher{background:url(../images/i_publisher.png) no-repeat left center;}
i.isbn{background:url(../images/i_barcode.png) no-repeat left center;}
i.day{background:url(../images/i_cal.png) no-repeat left center;}
i.price{background:url(../images/i_price.png) no-repeat left center;}
i.f_place{width:15px; height:15px; background:url(../images/i_place_navy.png) no-repeat left 0; display:inline-block; vertical-align:middle;}
i.f_call{width:15px; height:15px; background:url(../images/i_call_navy.png) no-repeat left 0; display:inline-block; vertical-align:middle;}
i.f_mail{width:15px; height:15px; background:url(../images/i_mail_navy.png) no-repeat left 0; display:inline-block; vertical-align:middle;}
i.i_call{width:15px; height:15px; background:url(../images/call.png) no-repeat left 0; display:inline-block; vertical-align:middle;}

.newWin_navy{color:#365a99 !important;display:inline-block; vertical-align:baseline;}
.newWin_navy i{width:15px; height:15px; background:url(../images/i_newWin_navy.png) no-repeat left 0; display:inline-block; vertical-align:middle; margin-left:5px;}
.newWin_navy:hover{text-decoration:underline;}

.newWin_blue{color:#0093ee !important; display:inline-block; vertical-align:baseline;}
.newWin_blue i{width:15px; height:15px; background:url(../images/i_newWin_blue.png) no-repeat left 0; display:inline-block; vertical-align:middle; margin-left:5px;}
.newWin_blue:hover{text-decoration:underline;}

.newWin{display:inline-block; vertical-align:baseline;}
.newWin i{width:15px; height:15px; background:url(../images/i_newWin.png) no-repeat left 0; display:inline-block; vertical-align:middle; margin-left:5px;}
.newWin:hover{text-decoration:underline;}
.arr_next{display:inline-block; width:11px; height:11px; background:url(../images/arr_next.png)no-repeat 0 0;  margin:0 10px;}

i.none{width:24px; height:24px; background:url(../images/radio_none.png) no-repeat center; display:inline-block;margin-right:5px;}




.btn.author{padding-right:34px; background-image:url(../images/i_authorW.png);background-repeat:no-repeat; background-position:right 10px center;}
.btn_author, .btn_author:hover{background-image:url(../images/i_authorW.png); background-repeat:no-repeat; background-position:center; min-width:15px;}