@charset "utf-8"; /*common*/ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none} body,input,textarea,select,table,button{line-height:1.25em;font-family:"돋움",dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif} /* 원본 body{position:relative;background:#f4f4f4 url(../img/bg_body.gif) repeat-x top;color:#4f4f4f;word-wrap:break-word;word-break:break-all} body{position:relative;color:#4f4f4f;word-wrap:break-word;word-break:break-all} */ body{position:relative;background:#f4f4f4 url(../img/bg_body.gif) repeat-x top;color:#4f4f4f;word-wrap:break-word;word-break:break-all} body.m{background:#EFEFEF} body.w{background:#fff} body.bg{background:#fff url(../img/bg_body2.gif) repeat-x 0 105px} img,fieldset{border:0} ul,ol{list-style:none} a{color:#4f4f4f;text-decoration:none;cursor:pointer} em,address{font-style:normal} caption,hr{display:none !important} table{border-collapse:collapse} legend,.blind{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0} .fl{float:left} .fr{float:right} .bn_t{border-top:none !important} #header h1{height:23px;background:url(../img/bg_header.gif) repeat-x;text-align:center} #content{margin-top:25px;padding-bottom:20px} #content.c{margin-top:15px} #content.c2{margin-top:85px} #content.c3{margin-top:73px} #content.c4{margin-top:40px} #content.c5{margin-top:5px} #footer{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;height:50px;background:url(../img/bg_footer.gif) repeat-x} #footer li{overflow:hidden;float:left;width:20%;height:50px;margin-top:6px;font-size:0.6em;letter-spacing:-1px;text-align:center} #footer li a{display:block;overflow:hidden;width:100%;height:100%;padding-top:2px;color:#fff;text-align:center} .ico_f1{display:block;width:29px;height:27px;margin:0 auto;background:url(../img/ico_footer1_off.png) no-repeat;background-size:85%} .ico_f2{display:block;width:31px;height:27px;margin:0 auto;background:url(../img/ico_footer2_off.png) no-repeat;background-size:90%} .ico_f3{display:block;width:29px;height:27px;margin:0 auto;background:url(../img/ico_footer3_off.png) no-repeat;background-size:85%} .ico_f4{display:block;width:29px;height:27px;margin:0 auto;background:url(../img/ico_footer4_off.png) no-repeat;background-size:85%} .ico_f5{display:block;width:29px;height:27px;margin:0 auto;background:url(../img/ico_footer5_off.png) no-repeat;background-size:85%} .ico_f1.on{background:url(../img/ico_footer1_on.png) no-repeat;background-size:85%} .ico_f2.on{background:url(../img/ico_footer2_on.png) no-repeat;background-size:90%} .ico_f3.on{background:url(../img/ico_footer3_on.png) no-repeat;background-size:85%} .ico_f4.on{background:url(../img/ico_footer4_on.png) no-repeat;background-size:85%} .ico_f5.on{background:url(../img/ico_footer5_on.png) no-repeat;background-size:85%} .lib_info{position:relative;height:43px;background:url(../img/bg_header2.gif) repeat-x;text-align:center} .lib_info h2{display:inline-block;position:relative;padding-top:3px} .lib_info h2 strong{color:#fff;font-size:0.9em;letter-spacing:-1px} .lib_info h2 span{color:#95a5db;font-size:0.4em;letter-spacing:-1px} .lib_info h2.tit{padding:8px 0 0} .lib_info h2.tit_l{float:left;padding:8px 0 0 12px;letter-spacing:-1px} .lib_info .btn_arrow{position:absolute;top:10px;right:-18px} .btn_mylib{position:absolute;top:5px;left:5px;width:57px;height:28px;background:url(../img/btn_mylib.png) no-repeat;background-size:100%} .btn_mylib a{display:block;height:40px;padding:0.5em 0.8em 0 0;color:#fff;font-size:0.6em;font-weight:bold;letter-spacing:-1px} .btn_setting{position:absolute;top:5px;right:5px;width:49px;height:28px;background:url(../img/btn_setting.png) no-repeat;background-size:100%} .btn_setting a{display:block;height:40px;padding:0.5em 0 0 1.6em;color:#fff;font-size:0.6em;font-weight:bold;letter-spacing:-1px} .btn_back{position:absolute;top:3px;left:5px;width:53px;height:33px;background:url(../img/bg_back.png) no-repeat;background-size:100%} .btn_back a{display:block;height:28px;padding:0.4em 0 0 0.5em;color:#fff;font-size:0.9em;font-weight:bold} .btn_square_l{position:absolute;top:3px;left:5px;width:51px;height:31px;background:url(../img/bg_square.png) no-repeat} .btn_square_l a{display:block;height:28px;padding:0.4em 0 0;color:#fff;font-size:0.9em;font-weight:bold;text-align:center} .btn_square_r{position:absolute;top:3px;right:5px;width:51px;height:31px;background:url(../img/bg_square.png) no-repeat} .btn_square_r a{display:block;height:28px;padding:0.4em 0 0;color:#fff;font-size:0.9em;font-weight:bold;text-align:center} .btn_square_r_s{position:absolute;top:3px;right:5px;width:51px;height:31px;background:url(../img/bg_square.png) no-repeat} .btn_square_r_s a{display:block;height:28px;padding:0.5em 0 0 0.3em;color:#fff;font-size:0.6em;font-weight:bold;text-align:center;letter-spacing:-1px} .btn_square_r_s a.t4{font-size:0.7em} .btn_r{margin:10px 8px 20px 0;text-align:right} .btn_c{padding:10px 0;text-align:center} .btn_c a{display:block;margin:5px 0} .srch_ar{position:absolute;top:0px;left:0;width:100%} .srch_ar .srch{position:relative;width:100%;height:36px;padding-top:7px;background:#DEDEDE} .srch_ar .srch p input{float:left;width:55%;height:31px;margin:-1px 5px 0 9px;padding-left:40px;border:0 none;background:url(../img/bg_srch_l.gif) no-repeat;color:#738bba;font-size:1em} .srch_ar .srch p span{float:left;width:3px;height:31px;background:url(../img/bg_srch_r.gif) no-repeat 100% 0} .srch_ar .srch .btn_more{position:absolute;top:42px;right:5px} .srch_ar .srch.blue{height:39px;padding-top:7px;background:url(../img/bg_srch2.gif) repeat-x} .srch_ar .srch.blue p input{margin:-1px 1px 0 7px;border:1px solid #6672A0;background:#fff url(../img/ico_srch.gif) no-repeat 10px 50%} .srch_ar .srch.blue .btn{margin-left:3px} .srch_ar .scroll{overflow:hidden;width:100%;height:20px;background:#e1e1e1} .srch_ar .scroll ul{overflow:hidden;width:86%;height:100%;margin:0 25px} .srch_ar .scroll li{display:inline-block;float:left;font-size:0.7em;letter-spacing:-1px} .srch_ar .scroll li a{display:inline-block;padding:0 0.25em} .srch_ar .scroll .btn_prev{position:absolute;top:4px;left:6px} .srch_ar .scroll .btn_next{position:absolute;top:4px;right:6px} .srch_ar .hidden_code{overflow:hidden;width:100%;background:url(../img/bg_hidden.png) repeat-x 0 100%} .srch_ar .hidden_code li{display:inline-block;float:left;width:25%;margin:-1px;border:1px solid #0e1c48;background:#5e5e5e} .srch_ar .hidden_code li a{display:block;width:100%;height:100%;padding:0.3em 0;border:1px solid #4f5770;color:#fff;text-align:center} .srch_ar .date_sel{position:relative;width:100%;height:36px;padding-top:6px;background:url(../img/bg_date_sel.gif) repeat-x} .srch_ar .date_sel .today{position:relative;width:50%;margin:0 auto;padding:3px 0;border:1px solid #ADADAD;border-radius:8px;background:#fff;color:#333;font-size:1.3em;text-align:center} .srch_ar .date_sel .today em{color:#1F3D7C} .srch_ar .date_sel .today .day{float:right;margin-top:-3px;padding:3px 4px;border-left:1px solid #DBDBDB;color:#B2B2B2} /* Start :: 1103 */ .srch_ar .date_sel .btn_date_p{position:absolute;top:7px;left:8px;width:32px;height:27px;padding-top:0.15em;background:url(../img/bg_btn_g_l.png) no-repeat;background-size:100%;color:#333;font-size:1.3em;text-align:center} .srch_ar .date_sel .btn_date_n{position:absolute;top:7px;right:8px;width:32px;height:27px;padding-top:0.15em;background:url(../img/bg_btn_g_r.png) no-repeat;background-size:100%;color:#333;font-size:1.3em;text-align:center} /* End:: 1103 */ .btn_lib{position:absolute;top:106px;width:100%;background:#3d3d3d} .btn_lib li{display:inline-block;float:left;width:50%;padding:0.5em 0;text-align:center} .btn_lib2{overflow:hidden;width:100%;background:#3d3d3d} .btn_lib2 li{display:inline-block;float:left;width:50%;padding:0.5em 0;text-align:center} .lib_lst{position:absolute;top:106px;width:89%;margin:1% 0 0 1.7%;padding:5px 10px;border:3px solid #7a7a7a;border-radius:8px;background:#eae9e9 url(../img/bg_lib_lst.png) repeat-x 0 100%} .lib_lst li{padding:5px;border-top:1px solid #fff;border-bottom:1px solid #d0d0d0;color:#a2a2a2} .lib_lst .selected{color:#494949} .lib_login{position:absolute;top:106px;width:89%;margin:1% 0 0 1.7%;padding:5px 10px;border:3px solid #667fb1;border-radius:8px;background:#eae9e9 url(../img/bg_lib_login.png) bottom} .lib_login p{margin-bottom:15px;padding-bottom:7px;background:url(../img/bg_line.png) repeat-x bottom;color:#494949;font-size:0.9em;font-weight:bold} .lib_login .txt{display:block;width:195px;height:29px;margin-bottom:3px;border:1px solid #b3b3b3;font-size:0.9em} .lib_login a{position:absolute;top:47px;right:10px;} .lib_login span{display:block;margin-top:10px;padding-top:7px;border-top:1px solid #dfdfdf;background:url(../img/bg_line.png) repeat-x top;color:#494949;font-size:0.9em;font-weight:bold} .attention_add_lib{position:absolute;top:57px;width:89%;margin:1% 0 0 1.7%;padding:30px 10px 15px;border:3px solid #667fb1;border-radius:8px;background:#eae9e9 url(../img/bg_lib_login.png) bottom;z-index:1000} .attention_add_lib p{color:#50689a;font-size:1.2em;font-weight:bold;letter-spacing:-1px} .attention_add_lib p span{display:block;margin:0.1em 0 0 0.2em;color:#505050;font-size:0.5em} .attention_add_lib .ico_attention{display:inline-block;float:left;width:42px;height:38px;margin:0 10px;background:url(../img/ico_attention.png) no-repeat;background-size:100%;text-indent:-9000px} .attention_add_lib .btn_section{display:block;margin-top:30px;padding-top:20px;border-top:1px solid #d0d0d0;text-align:center} .attention_add_lib .ico_arrow_up{position:absolute;top:-19px;right:10px} .date_opt{overflow:hidden;height:73px;padding:2px 8px 0;background:url(../img/bg_date_opt.gif) repeat-x} .date_opt li{overflow:hidden;padding:3px 0;font-size:1.1em} .date_opt span{float:left;padding:3px 5px} .date_opt p{float:right;padding:3px 10px;border:1px solid #C9C9C9;border-radius:4px;background:#fff url(../img/bg_date_opt_inside.gif) repeat-x bottom} .date_opt .start{border-bottom:1px solid #D9D9D9;color:#113174} .date_opt .end{color:#4E4E4E} .libsrch_service{margin:0 0 0 10px} .libsrch_service h3{width:100px;height:16px;padding:0 0 0 24px;background:url(../img/bg_libsrch_service.png) no-repeat;background-size:100%;color:#657195;font-size:0.7em;letter-spacing:-1px} .libsrch_service ul{width:300px;height:48px;padding:7px 0 0 5px;background:url(../img/bg_libsrch_service2_1.png) no-repeat} .libsrch_service li{display:inline-blcok;float:left} .libsrch_service li a{display:block;width:142px;height:41px;margin-right:7px} .m_lst{clear:both;margin:10px 0 0 10px} .m_lst li{overflow:hidden;float:left;width:75px;height:90px;font-size:0.6em;letter-spacing:-1px;text-align:center} .m_lst li a{display:block;overflow:hidden;width:100%;height:100%;color:#343c58;text-align:center} .m_lst00{display:block;width:62px;height:64px;margin:0 auto;background:url(../img/m_lst00.png) no-repeat;background-size:100%} .m_lst01{display:block;width:62px;height:64px;margin:0 auto;background:url(../img/m_lst01.png) no-repeat;background-size:100%} .m_lst02{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst02.png) no-repeat;background-size:100%} .m_lst03{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst03.png) no-repeat;background-size:100%} .m_lst04{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst04.png) no-repeat;background-size:100%} .m_lst05{display:block;width:62px;height:64px;margin:0 auto;background:url(../img/m_lst05.png) no-repeat;background-size:100%} .m_lst06{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst06.png) no-repeat;background-size:100%} .m_lst07{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst07.png) no-repeat;background-size:100%} .m_lst08{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst08.png) no-repeat;background-size:100%} .m_lst09{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst09.png) no-repeat;background-size:100%} .m_lst10{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst10.png) no-repeat;background-size:100%} .m_lst11{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst11.png) no-repeat;background-size:100%} .m_lst12{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst12.png) no-repeat;background-size:100%} .m_lst13{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst13.png) no-repeat;background-size:100%} .m_lst14{display:block;width:63px;height:64px;margin:0 auto;background:url(../img/m_lst14.png) no-repeat;background-size:100%} .paging{clear:both;overflow:hidden;width:100%;margin:0 auto;text-align:center} .paging li{display:inline-block;margin:0 auto;padding:0 0.2em} .paging2{padding:20px 0;background:#ececec;text-align:center} .paging2 li{display:inline-block;vertical-align:top} .paging2 a{display:block;width:20px;height:20px;border:1px solid #b7b7b7;background:#fff;text-align:center} .paging2 .pn a{height:15px;padding-top:5px;background:#d5d4d4} .paging3{padding:20px 0;text-align:center} .paging3 li{display:inline-block;vertical-align:top} .paging3 a{display:block;width:24px;height:24px;text-align:center;text-indent:-9000px} .paging3 a.on{background:url(../img/ico_paging_on.png) no-repeat} .paging3 a.off{background:url(../img/ico_paging_off.png) no-repeat 5px 4px} .paging3 .pn a{height:15px;margin:0 7px;padding-top:5px;border:2px solid #b7b7b7;background:#d5d4d4;text-indent:0} .membership{width:308px;height:152px;margin-left:6px;padding-top:43px;background:url(../img/bg_membership.gif) no-repeat} .membership dd{clear:both;padding:0 30px;font-size:0.8em;line-height:2.0em} .membership .barcode{margin:9px 0 0;text-align:center} .membership li{float:left;margin:0 5px;font-size:0.7em} .membership .lib_name{font-size:0.7em;text-align:center} .membership_btn{overflow:hidden;margin:20px auto 10px;text-align:center} .membership_btn li{margin-bottom:10px} .card2{height:153px;padding-top:54px;background:url(../img/bg_membership2.gif) no-repeat} .card3{height:153px;padding-top:54px;background:url(../img/bg_membership3.gif) no-repeat} .card4{height:153px;padding-top:54px;background:url(../img/bg_membership4.gif) no-repeat} .login_content{text-align:center;} .login_lib_name{ width:80%;padding:10px 10px 10px 10px;border:1px solid #BCBCBC;border-radius:8px;background:#FFFFFF;text-align:center;} .login_lib_name h3{margin-top:3px;color:#000;font-size:1.2em} .login_lib_info{margin:10px;border:1px solid #BCBCBC;border-radius:8px;background:#fff} .login_lib_info li{overflow:hidden;position:relative;padding:10px 10px 7px 10px;border-top:1px solid #d7d7d7;line-height:1.0em} .login_lib_info .frst{border-top:none} .login_lib_info strong{top:10px;left:7px;color:#2f458c} .login_lib_info span{display:inline-block;margin-left:20px;color:#000} .login_lib_info a{color:#000} .login_lib_info select{margin:-2px 0;font-size:0.9em} .login_lib_info em{display:inline-block;width:100%;text-align:right} .login_lib{position:relative;margin:10px 10px 10px;border:1px solid #BCBCBC;border-radius:8px;background:#f1f1f1 url(../img/bg_login_lib.gif) repeat-x} .login_lib ul{margin:18px 0 5px} .login_lib li{padding:0 0 5px 15px} .login_lib strong{float:left;width:60px;margin-top:3px;color:#2f458c} .login_lib input{width:140px;height:28px;border:1px solid #c7c7c7} .login_lib .btn{position:absolute;top:16px;right:7px} .login_lib2{position:relative;margin:10px 10px 10px;border:1px solid #3d5a92;border-radius:8px} .login_lib2 div{padding-bottom:5px;border:4px solid #b4c0d7;border-radius:8px} .login_lib2 ul{margin:13px 0 5px} .login_lib2 li{padding:0 0 5px 15px} .login_lib2 strong{float:left;width:55px;margin-top:3px;color:#1f1f1f} .login_lib2 .txt{width:50%;height:28px;border:1px solid #c7c7c7;color:#a6a6a6;font-size:1.0em} .login_lib2 .btn{position:absolute;top:16px;right:13px} .login_lib2 label{margin-left:15px;color:#1f1f1f} .take_code{overflow:hidden;width:320px;height:344px;margin-top:-15px} .take_code2{margin-top:-55px} .p_barcode{overflow:hidden;width:320px;height:30px} .none_membership{margin:0 10px;padding:50px 0;border:1px solid #BCBCBC;border-radius:8px;color:#191919;text-align:center} .membership_no{margin:10px;padding:10px;border:1px solid #BCBCBC;border-radius:8px} .membership_no span{color:#8495b8} .btn_make_membercard{display:block;margin:100px 5px 10px} .h3{margin-bottom:15px;padding:20px 0 13px 15px;border-bottom:1px solid #DBDBDB;background:url(../img/bg_h3.gif) repeat-x;color:#000;font-size:1.1em} .h3_2{padding:0 0 10px 15px;color:#000;font-size:1.1em} .h_h3_1{margin:-42px 0 8px 13px;color:#191919;font-size:1.0em} .lib_photo{margin:0 10px;padding:10px;border:1px solid #BCBCBC;border-radius:8px;background:#fff;text-align:center} .lib_info_txt{margin:0 10px;padding:10px;border:1px solid #BCBCBC;border-radius:8px;background:#fff;font-family:Helvetica} .h_h3_2{margin:15px 0 8px 13px;color:#191919;font-size:1.0em} .h_srch_rst{margin:-5px 0 10px;text-align:center} .h_srch_rst2{margin:-45px 0 10px;text-align:center} .h_srch_rst2 .btn{float:right;margin:-2px 5px 0 0} .h_srch_rst3{margin:10px 0 10px;text-align:center} .category{padding:0 0 10px 5px;font-size:0.7em;text-align:left} .category .btn{float:right;margin:-2px 5px 0 0} .b_lst{border-top:1px solid #ccc;background:#fff} .b_lst li{overflow:hidden;padding:10px;border-bottom:1px solid #ccc;background:url(../img/bu_arrow.png) no-repeat 98% 50%} .b_lst strong{display:block;color:#2a2a2a;font-size:1.0em} .b_lst span{display:block;margin:5px 0 0;color:#9e9e9e;font-size:0.8em;line-height:1.1em} .b_lst em{display:block;margin-top:7px;color:#455e92;font-size:0.8em;line-height:0.5em} .b_lst .book_thumb{float:left;margin-right:10px;border:1px solid #d5d5d5} .b_lst .data{color:#c4363c} .b_lst .no_rst{padding:100px 0 200px;border-bottom:none;background:none;color:#393939;text-align:center} .b_lst table{width:100%;margin-top:15px;border:1px solid #a5aece;border-radius:8px} .b_lst tr.header{background-color:#D7D7D7;} .b_lst th,.b_lst td{padding:2px;border-spacing:0;border:1px solid #BCBCBC;color:#5f5f5f;font-size:0.8em;text-align:center} .b_lst td{color:#3d5194} .b_lst.g li{padding:0 10px 10px} .b_lst.g strong{overflow:hidden;height:23px;margin-top:10px;padding-left:5px;border-radius:8px;background:#858585 url(../img/bg_b_lst.gif) repeat-x bottom;color:#fff} .b_lst.g .book_thumb{margin:0 !important} .b_lst.g .wrap_thumb{float:left;margin-right:10px;display:inline-block;overflow:hidden;border-right:1px solid #fff;border-bottom:1px solid #d7d7d7} .b_lst.g .wrap_thumb span{float:left;display:inline-block;overflow:hidden;border-right:1px solid #808080;border-bottom:1px solid #808080} .book_info{overflow:hidden;margin:0 8px;padding:12px;border:1px solid #a4adcd;border-radius:8px;background:#fff} .book_info .book_thumb{float:left;margin-right:8px;border:1px solid #d6d6d6} .book_info strong{display:block;margin-bottom:8px;padding-bottom:8px;color:#000;font-size:1.1em} .book_info span{display:block;color:#888;font-size:0.8em;line-height:1.1em} .book_info em{display:block;margin-top:5px;color:#656565;font-size:0.8em;letter-spacing:-1px} .book_info.g{background:#fff url(../img/bg_book_info.gif) repeat-x bottom} .book_info.g strong{overflow:hidden;border-bottom:1px solid #d0d0d0} .book_info.g strong.n{border:none} .book_info2{overflow:hidden;margin:0 8px;padding:12px;border:1px solid #a4adcd;border-radius:8px;background:#fff} .book_info2 .book_thumb{float:left;margin-right:8px;border:1px solid #d6d6d6} .book_info2 span{display:block;color:#888;font-size:0.8em;line-height:1.3em} .book_info2 em{display:block;margin-bottom:7px;color:#656565;font-size:0.8em;letter-spacing:-1px} .book_info2 em em{display:inline-block;color:#22407F;font-size:1.0em} .book_info2 .btn{display:block;margin-top:4px} .book_info2.g{background:#fff url(../img/bg_book_info.gif) repeat-x 0 110%} .book_contents_new{overflow:hidden;position:relative;margin:12px 12px; margin-top: -5px; padding:10px 6px 6px;border:2px solid #8E8E91;border-radius:8px;color:#404040;font-size:0.9em;line-height:1.5em} .book_contents _new.ico_arrow{position:absolute;top:9px;left:50%;margin-left:-5px} .book_contents{overflow:hidden;position:relative;margin:10px 8px;padding:20px 12px 12px;border:1px solid #a4adcd;border-radius:8px;color:#404040;font-size:0.9em;line-height:1.5em} .book_contents .ico_arrow{position:absolute;top:9px;left:50%;margin-left:-5px} .book_contents p{margin-top:15px} .book_contents p .date{float:left;margin-top:-3px} .btn_book_info{margin:15px 0 10px 6px} .btn_book_info li{display:inline-block} .btn_rent_ebook{margin:10px 0 5px} .btn_mutual{margin:20px 0 30px;text-align:center} .sel_week{height:35px;margin-bottom:-43px;background:url(../img/bg_sel_week.gif) repeat-x;text-align:center} .sel_week ul{display:inline;overflow:hidden;position:relative;top:7px} .sel_week li{display:inline-block;width:18%} .sel_week .btn{float:right;margin:3px 5px 0 0} .lst2{margin:0 5px 10px;border:1px solid #BCBCBC;border-radius:8px;background:#fff} .lst2 li{padding:10px 10px 15px 10px;border-top:1px solid #eaeaea} .lst2 li.frst{border-bottom:none} .lst2 li strong{float:left;width:47%;height:37px;padding:16px 0 0 5px;margin-right:10px;border:1px solid #cbd1e2;background:#dfe1e4 url(../img/bg_readroom.gif) repeat-x top;font-size:1.4em;letter-spacing:-1px;text-align:center} .lst2 li li{padding:0;color:#088a47;border:none;font-size:0.9em;line-height:1.2em} .lst2 li li.all{color:#343434} .lst2 li li.use{color:#ba131a} .go_top{height:43px;background:url(../img/bg_gotop.gif) repeat-x} .go_top a{display:block;width:100%;height:43px;background:url(../img/p_gotop.gif) no-repeat 50% 50%} .lst3{margin-top:-15px} .lst3 li{border-bottom:1px solid #ccc;background:url(../img/bu_lst.gif) no-repeat 15px 52%} .lst3 li a{display:block;padding:15px 0 15px 40px;background:url(../img/bu_arrow.png) no-repeat 98% 50%;font-size:1.2em} .lst3.sub li{background:url(../img/bu_lst.gif) no-repeat 15px 33%} .lst3.sub li span{display:block;margin-top:3px;color:#9C9C9C;font-size:0.7em} .lst3.no_bu{margin-top:0;border-top:2px solid #727272} .lst3.no_bu li{background:#fff url(../img/bg_lst3.gif) repeat-x bottom} /* Start :: 1103 */ .lst3.no_bu li a{padding-left:10px} .lst3.no_bu li span{float:left;width:19px;height:19px;margin-right:5px;background:url(../img/bu_folder.png) no-repeat;background-size:100%} /* End :: 1103 */ .lst4{margin-top:-55px} .lst4 li{overflow:hidden;padding:10px;border-bottom:1px solid #ccc} .lst4 li a{display:block;overflow:hidden;width:100%;height:100%} .lst4 strong{display:block;margin:5px 0;color:#2a2a2a;font-size:1.1em} .lst4 span{color:#a2a2a2;font-size:0.75em;letter-spacing:-1px} .lst4 li img{float:left;margin-right:5px;border:1px solid #d6d6d6} .lst5{border-top:2px solid #D9D9D9} .lst5 li{border-bottom:1px solid #D1D1D1;font-size:1.0em; margin-right: 10px;} .lst5 li a{display:block;padding:15px 0 15px 15px;background:url(../img/bu_arrow.png) no-repeat 98% 50%;font-size:1.2em} .lst5 li span{display:block;font-size:0.7em} .lst5 .new1{float:left;width:31px;height:33px;margin-right:5px;background:url(../img/ico_new1.png) no-repeat;background-size:100%} .lst5 .new2{float:left;width:31px;height:33px;margin-right:5px;background:url(../img/ico_new2.png) no-repeat;background-size:100%} .lst5.notice a{padding-left:15px;color:#082560} .lst5.notice span{color:#707070} .lst5.notice.noLine{border-top:0px} .lst6{overflow:hidden;border-top:2px solid #666} .lst6 li{overflow:hidden;border-bottom:1px solid #cacaca;background:#fff url(../img/bg_lst6.png) repeat-x bottom;font-size:1.1em} .lst6 li a{display:block;overflow:hidden;width:100%;height:100%} .lst6 p{float:left;margin:1em 0.5em;color:#2a2a2a} .lst6 span{float:right;margin:1em 0.5em;padding-right:15px;background:url(../img/bu_arrow.png) no-repeat 100% 49%;color:#23427f} /* Start :: 1103 */ .lst6 em{float:left;width:15px;height:15px;margin:2px 5px 0 0;background:url(../img/bu_lib2.png) no-repeat;background-size:100%} /* End :: 1103 */ .lst_img{overflow:hidden;padding-left:7%;background:url(../img/bg_lst_img.png)} .lst_img li{float:left;width:33.3%;height:134px;background:url(../img/bg_lst_img_thumb.png) no-repeat} .lst_img li img{width:64px;height:98px;margin:0.19em 0 0 0.25em} .sponsor{padding:5px 0 20px;font-size:0.7em;text-align:right} .new_book_thumb{padding-top:10px;text-align:center} .new_book_thumb li{display:inline-block;margin:0 5px} .tab{overflow:hidden;margin:10px 8px 0;border:1px solid #BCBCBC;border-bottom:none} .tab li{float:left;width:25%;padding:4px 0;background:#E8E8E8;color:#262626;border-left:1px solid #BCBCBC;border-bottom:1px solid #BCBCBC;font-size:0.8em;text-align:center} .tab li a{display:block;width:100%;height:100%} .tab li.on{border-bottom:1px solid #fff;background:#fff url(../img/bg_tab_on.gif) repeat-x top} .tab li.on a{color:#203F7E} .tab li.frst{width:24.6%;border-left:none} .tab2 li{float:left;width:19.7%;height:73px;border-right:1px solid #D0D0D0;background:url(../img/bg_tab2.gif) repeat-x;font-size:0.8em;text-align:center} .tab2 li a{display:block;width:100%;height:58px;padding-top:15px;border-left:1px solid #E7E7E7} .tab2 li.on{border-right:1px solid #8C8C8C;background:url(../img/bg_tab2_on.gif) repeat-x} .tab2 li.on a{color:#173678} .tab3{overflow:hidden;margin-bottom:10px;padding:0 10px;background:url(../img/bg_tab3_line.png) repeat-x 0 100%} .tab3 ul{margin-top:10px} .tab3 li{float:left;padding:0.3em 0.5em;background:#E8E8E8;color:#262626;border:1px solid #BCBCBC;border-bottom:2px solid #BCBCBC;font-size:1.0em;text-align:center} .tab3 li a{display:block;width:100%;height:100%} .tab3 li.on{border-bottom:2px solid #fff;background:#fff url(../img/bg_tab_on.gif) repeat-x top} .tab3 li.on a{color:#203F7E} .tab_content{min-height:100px;margin:0 8px 10px;padding:10px;border:1px solid #BCBCBC;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#fff;font-size:0.8em;letter-spacing:-1px} .lib_sel{text-align:right} .lib_sel select{width:50%;margin:10px 8px 0;font-size:0.9em} .rqst_opinion{width:94%;height:100px;margin:0 8px;border:1px solid #C8C8C8} .more_view{overflow:hidden;height:28px;padding-top:10px;background:url(../img/bg_more_view.gif) repeat-x} .more_view .more{float:left;width:80%;color:#000;font-size:0.8em;text-align:center;line-height:1.0em} .more_view .more p{margin:0 auto;background:url(../img/btn_arrow_down.png) no-repeat 27% 0} .more_view .more span{display:block;color:#757575;font-size:0.7em} .more_view .top{float:left;width:19%;border-left:1px solid #B6B7B8;color:#000;font-size:0.8em;text-align:center} /* Start :: 1103 */ .more_view2{position:relative;border-top:1px solid #bababb;background:url(../img/bg_more_view2_1.png) repeat-x;text-align:center} .more_view2 a{display:block;padding:0.2em 0 0.2em;background:none} .more_view2 span{display:inline-block;width:13px;height:12px;background:url(../img/bu_plus.png) no-repeat;background-size:100%;vertical-align:middle} .more_view2 .more{position:absolute;top:0.5em;right:0.1em} .more_view2 .more a{display:block;padding:0.9em 1em 0.4em;background:url(../img/bu_arrow_up.png) no-repeat 50% 0;font-size:0.8em} /* End :: 1103 */ .more_view3{background:url(../img/bg_more_view2.png) repeat-x;text-align:center} .more_view3 a{display:block;padding:0.6em 0 0.4em;font-size:0.8em;text-align:center} .more_view3 span{display:inline-block;width:17px;height:18px;background:url(../img/ico_arrow_down.png) no-repeat;background-size:100%;vertical-align:middle} .more_view3 em{display:inline-block;margin-left:4px;color:#23427f} .bar{display:inline-block;margin:0 5px;color:#E3E3E3} /* Start :: 1103 */ .star{float:left;width:70px;height:13px;background:url(../img/bg_star.png) no-repeat;background-size:100%} .star span{overflow:hidden;float:left;height:13px} .star span.star1{width:14px;background:url(../img/bg_star_on1.png) no-repeat;background-size:100%} .star span.star2{width:28px;background:url(../img/bg_star_on2.png) no-repeat;background-size:100%} .star span.star3{width:42px;background:url(../img/bg_star_on3.png) no-repeat;background-size:100%} .star span.star4{width:56px;background:url(../img/bg_star_on4.png) no-repeat;background-size:100%} .star span.star5{width:70px;background:url(../img/bg_star_on5.png) no-repeat;background-size:100%} /* End :: 1103 */ .sel_book{width:90%;margin:0 14px;font-size:0.8em} .calendar{overflow:hidden;width:100%;margin:-2px 0 -1px;border-spacing:0;border:0} .calendar table{overflow:hidden;width:100%;border-spacing:0;border:0} .calendar th{height:40px;border-spacing:0;border:0;background:url(../img/bg_calendar_day.gif) repeat-x} .calendar div{overflow:hidden;background:#555 url(../img/bg_calendar_date.gif) repeat-x top} .calendar div td{height:35px;border-spacing:0;border:0;border-top:1px solid #686868;text-align:center;vertical-align:middle} .calendar div td a{display:block;width:100%;margin-top:4px;color:#fefefe;vertical-align:middle} .calendar div .frst td{border-top:none} .calendar div .check{background:url(../img/bg_calendar_check.png) no-repeat 50% 50%;background-size:95%} .calendar div .select{background:url(../img/bg_calendar_select.png) no-repeat 50% 50%;background-size:95%} .calendar div .today a{color:#FF0} .calendar div .not_this a{color:#737373} .calendar_btn{height:37px;padding:6px 5px 0;background:url(../img/bg_calendar_bottom.gif) repeat-x} .srch_rst{overflow:hidden;padding:0.2em 0;border-bottom:1px solid #b6b6b6;background:#e5e5e5;color:#1f3d7c;font-size:1.0em} .srch_rst .ico_check{display:inline-block;float:left;width:15px;height:15px;margin:3px 5px 0 5px;background:url(../img/ico_check.png) no-repeat;background-size:100%} .srch_rst .ico_space{display:inline-block;float:left;width:15px;height:15px;margin:4px 5px 0 5px;background:url(../img/ico_space.png) no-repeat;background-size:100%} .srch_rst2{overflow:hidden;padding:0 0.5em 0.5em} .srch_rst2 p{float:left;color:#2a2a2a} .srch_rst2 span{float:right;color:#8f8f8f} .view{width:92%;margin:1.5em 4% 0;border:0;border-top:2px solid #a0a0a0;border-bottom:2px solid #a0a0a0;font-size:0.8em} .view th{border:0;border-top:2px solid #d6d6d6;background:#e8e8e8;color:#4f4f4f;text-align:left} .view td{border:0;border-left:2px solid #d6d6d6;border-top:2px solid #d6d6d6;background:#f9f9f9;color:#989898} .view thead th,.view thead td{border-top:none} .view th p,.view td p{margin:0.5em} /* Start :: 1103 */ .tit_login{padding:5px 0 0 15px;font-size:1.1em;color:#000} /* End :: 1103 */ .tit_login span{display:inline-block;width:19px;height:23px;background:url(../img/ico_locker.png) no-repeat;background-size:100%;vertical-align:bottom} .setting{margin:10px;border:1px solid #3d5a92;border-radius:8px} .setting ul{padding-bottom:5px;border:4px solid #b4c0d7;border-radius:8px} .setting li{padding:0.3em 0.5em 0;border-top:1px solid #d6d6d6;text-align:right} .setting li.frst{border:none} .setting strong{float:left;margin-top:4px;color:#262626} div.fullLayer { position: absolute; display: none; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: white; } /*페이지 로딩 이미지 보여주는 영역*/ div.loading { z-index: 15; opacity: 0.3; background-color: black; filter:alpha(opacity=30); } div.loadingImg { z-index: 16; background-color: transparent; }