/* CSS 2013-11-04 북레일 개발*/

/* reset */
.highlight{color:#f55c42;}
html,body{margin:0px;padding:0px;width:100%;height:100%;font-family:"돋움"}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,select,button{font-family:"돋움"}
table{border-collapse:collapse;border-spacing:0;text-align:left}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_line{clear:both}
.container{margin:0 auto;width:1000px}
.select_wrap{position:relative;width:78px}
.select_wrap .value{display:block;padding:0 20px 0 10px;height:25px;line-height:25px;font-size:12px;color:#797979;background:url("../image/ico/select_arrowline.gif") no-repeat right center;white-space:nowrap;overflow:hidden}
.select_wrap select{cursor:pointer;display:block;position:absolute;left:0;top:0;width:100%;height:25px;border:0;font-size:12px;color:#797979;opacity:0;filter:alpha(opacity=0)}

/*- List Paging -*/
#list_paging img, #list_paging_small img {vertical-align: middle; _margin-bottom:1px}
#list_paging .prev, #list_paging_small .prev {margin-right:10px}
#list_paging .next img, #list_paging_small .next img {margin-left:-5px; padding-left:6px; background:#fff}
#list_paging .page_number, #list_paging_small .page_number {color:#000000; margin:0 0 0 -5px; padding:0 10px; font:normal 11px tahoma; letter-spacing:0; background:url('../img/customer/paging_bar.gif') right top no-repeat}
#list_paging .current_page, #list_paging .page_number:hover, #list_paging_small .current_page, #list_paging_small .page_number:hover {color:#0f87fb}
#list_paging .current_page, #list_paging_small .current_page {font-weight:bold}
#list_paging_small {margin-top:10px}
/*= List Paging =*/

/* header */
#header{position:relative;}
#header .top{position:relative;height:123px}
#header .logo{float:left;padding-top:40px;width:208px}
#header a:hover{text-decoration:underline}

/* 검색 */
#header .search_wrap{float:left;padding-top:56px}
#header .search_wrap .select_wrap{float:left;border:4px solid #116aaf;border-right:0}
#header .search_wrap .input_search{float:left;margin-right:5px;padding:0 10px;width:320px;height:25px;font-size:12px;color:#797979;border:4px solid #116aaf;border-left:0;background:url("../image/ico/search.gif") no-repeat right center;*line-height:25px;line-height:25px\9}
#header .search_wrap .input_search:focus{background:url("")}
#header .search_wrap .btn{cursor:pointer;display:block;float:left;margin-right:5px;border:0}
#header .info_wrap{position:absolute;right:0; top:67px}
#header .info_wrap a{display:block; float:left;	 height:11px; line-height:11px; font-size:10px;color:#aeaeae}
#header .info_wrap .split{float:left; margin:0 14px; height:11px; line-height:11px; font-size:11px;color:#aeaeae}

/* 회원 메뉴 */
/*
#header .tnb{position:absolute;right:0;top:17px;height:13px;line-height:13px;overflow:hidden;z-index:10}
*/
#header .tnb{position:absolute;right:0;top:17px;height:13px;overflow:hidden;}
#header .tnb dd{float:left;padding:0 8px;border-right:1px solid #c0c0c0}
#header .tnb dd.add{padding-right:0;margin-right:0;border-right:0}
#header .tnb a{display:block;font-size:12px;color:#353535}
/* 메인 메뉴 */
#header .bottom{height:37px;background:url("../image/common/bg_gnb.gif") repeat-x center top}
#header .gnb{position:relative;}
#header .gnb .menu_all{position:relative;float:left;width:174px;height:37px;background:url("../image/common/bg_gnb_all.gif") no-repeat left 1px}
#header .gnb .menu_all .link{display:block;width:174px;height:37px;line-height:37px;text-align:center;font-size:12px;color:#fffefe}
#header .gnb .menu_all .link .ico{display:inline-block;margin-left:16px;width:7px;height:5px;vertical-align:middle;background:url("../image/ico/menu_all_arrow.png") no-repeat;*display:inline;zoom:1}
#header .gnb .menu_all .link.on .ico{background-position:0 -10px}
#header .gnb .menu{position:relative;float:left;}
#header .gnb .menu .link{display:block;padding:0 20px;height:37px;line-height:37px;text-align:center;font-size:12px;color:#eaf0f5;font-weight:bold;text-shadow:1px 1px 3px rgba(0,0,0,0.5);background:url("../image/common/line_gnb_split.gif") no-repeat right center}
#header .gnb .menu.new .link{padding-right:0;background:url("")}
#header .gnb .menu_my{position:absolute;right:0;top:0;padding:12px 0 0 16px;width:180px;height:25px;background:url("../image/common/gnb_right.png") no-repeat right bottom}
#header .gnb .menu_my a{display:block;float:left;margin-left:10px;padding-left:22px;height:16px;line-height:16px;font-size:12px;color:#eaf0f5;font-weight:bold;background:url("../image/ico/gnb_arrow.png") no-repeat left center;white-space:nowrap}
#header .gnb .link:hover,#header .gnb .menu_my a:hover{color:#b7dde8;text-decoration:none}
/* 분류 전체보기 */
#header .gnb .sub_menu{display:none;position:absolute;left:0;top:37px;width:910px;overflow:hidden;z-index:50}
#header .gnb .sub_menu .col{position:relative;float:left;background:#fff}
#header .gnb .sub_menu .col_01{width:344px}
#header .gnb .sub_menu .col dd{height:275px;border:1px solid #ddd;border-top:0}
#header .gnb .sub_menu dt.title{height:29px;line-height:29px;text-align:center;font-size:11px;color:#fff;font-weight:bold;border-right:1px solid #113d5e;background:url("../image/common/bg_gnb_sub.gif") repeat-x;z-index:30}
#header .gnb .sub_menu p.title{height:21px;line-height:21px;text-align:center;font-size:11px;color:#353535;border:1px solid #ddd;border-left:0;border-right:0;background:#f6f6f6}
#header .gnb .sub_menu .menu_list{padding:18px 0 0 14px;*overflow:hidden}
#header .gnb .sub_menu .menu_list li{padding:3px 0}
#header .gnb .sub_menu .menu_list a{display:block;padding-left:8px;line-height:14px;font-size:11px;color:#353535;background:url("../image/ico/sub_menu_arrow.gif") no-repeat left 3px;z-index:30}
#header .gnb .sub_menu .menu_list .on,#header .gnb .sub_menu .menu_list a:hover{text-decoration:none;font-weight:bold;color:#0260a7;letter-spacing:-1px;background:url("../image/ico/sub_menu_arrow_on.gif") no-repeat left 3px; z-index:30}
#header .gnb .sub_menu .menu_list.left{float:left;width:105px}
#header .gnb .sub_menu .menu_list.right{float:left}
#header .gnb .sub_menu .col .subject{float:left;width:233px}
#header .gnb .sub_menu .col .kdc{position:absolute;right:0;top:29px;width:109px;border-left:0;border-right:0;background:url("../image/common/line_sub_menu.gif") repeat-y right top;z-index:30}
#header .gnb .sub_menu .col .kdc p.title{border-right:1px solid #ddd}
#header .gnb .sub_menu .col_01.single{width:231px}
#header .gnb .sub_menu .col_01.single .subject{width:120px}
#header .gnb .sub_menu .col_01.multi{width:431px}
#header .gnb .sub_menu .col_01.multi .subject{width:320px}
#header .gnb .sub_menu .col_02{width:176px}
#header .gnb .sub_menu .col_02 dd{border-left:0;border-right:0;background:url("../image/common/line_sub_menu.gif") repeat-y right top;z-index:30}
#header .gnb .sub_menu .col_02 .desc{margin-bottom:15px;padding-top:25px;text-align:center}
#header .gnb .sub_menu .col_02 .desc img{margin-bottom:13px}
#header .gnb .sub_menu .col_02 .desc p{line-height:15px;font-size:11px;color:#094a7c;font-weight:bold}
#header .gnb .sub_menu .col_02 ul{padding:0 0 0 14px}
#header .gnb .sub_menu .col_02 li{padding-left:12px;margin-bottom:2px;line-height:15px;font-size:11px;color:#666;background:url("../image/ico/list_dot.gif") no-repeat left 4px;z-index:30}
#header .gnb .sub_menu .col_03{width:187px}
#header .gnb .sub_menu .col_03 dd{border-left:0}



/* content */
#content{position:relative;padding:20px 0 20px 0;background:#fff;}
#content .content_left{float:left;margin-right:33px;width:175px}
#content .content_center{float:left;width:560px}
#content .content_right{float:right;width:206px}
/* lnb */
#content .lnb{background:#fff}
#content .lnb h3.title a{display:block;margin-bottom:1px;padding-left:15px;width:160px;height:32px;line-height:32px;font-size:13px;color:#fff;font-weight:bold;background:#094e83}
#content .lnb h3.title a.open{margin:0}
#content .lnb .menu_list{padding:10px 0 18px 14px;*overflow:hidden}
#content .lnb .menu_list li{padding:4px 0;width:145px;*float:left}
#content .lnb .menu_list a{display:block;padding-left:16px;line-height:14px;font-size:13px;color:#353535;background:url("../image/ico/sub_menu_arrow.gif") no-repeat left 4px}
#content .lnb .menu_list .on,#content .lnb .menu_list a:hover{text-decoration:none;font-weight:bold;color:#0260a7;letter-spacing:-1px;background:url("../image/ico/sub_menu_arrow_on.gif") no-repeat left 4px}
#content .lnb .menu_wrap{display:none;width:173px;border:1px solid #ddd;border-top:0}
#content .lnb .menu_01{display:block}
#content .lnb .tab_menu{position:relative;padding-top:35px}
#content .lnb .tab_menu dd{display:none}
#content .lnb .tab_menu .on{display:block}
#content .lnb .tab_menu dt.title{position:absolute;left:0;top:0;width:50%;height:34px;line-height:34px;text-align:center;font-size:11px;border-bottom:1px solid #ddd;background:#f3f3f3;}
#content .lnb .tab_menu dt.title a{color:#6a6f72}
#content .lnb .tab_menu dt.title.right{left:auto;right:0}
#content .lnb .tab_menu dt.title .ico{display:none;margin:-2px 4px 0 0;width:13px;height:13px;vertical-align:middle;background:url("../image/ico/tab_arrow.gif") no-repeat}
#content .lnb .tab_menu dt.title.on .ico{display:inline-block;*display:inline;zoom:1}
#content .lnb .tab_menu dt.title.on{font-weight:bold;border-bottom:0;letter-spacing:-1px;background:#fff;}
#content .lnb .tab_menu dt.title.left.on{border-right:1px solid #ddd}
#content .lnb .tab_menu dt.title.right.on{border-left:1px solid #ddd}


/* main */
#content.main .content_center .title{height:40px}
#content.main .content_center .title img{display:block}
#content.main .content_center a:hover{text-decoration:underline}
/* 배너 롤링 */
#content.main .top_wrap{height:242px;background:url("../image/main/bg_slide_shadow.gif") no-repeat center 207px}
#content.main .top_wrap .slide_wrap{position:relative;float:left;width:304px;height:207px}
#content.main .top_wrap .slide{position:relative;width:304px;height:207px;overflow:hidden}
#content.main .top_wrap .slide li{position:relative;float:left;width:304px;height:207px}
#content.main .top_wrap .slide .subject{display:block;position:absolute;left:0;bottom:0;width:304px;font-size:12px;color:#e0dcdc;background:url("../image/main/bg_slide_title.png") repeat}
#content.main .top_wrap .slide .subject span{display:block;padding-left:20px;height:26px;line-height:26px;color:#fff;background:url("../image/ico/slide_title_arrow.png") no-repeat 10px center}
#content.main .top_wrap .slide_thumb{position:absolute;right:8px;bottom:5px;text-align:right;z-index:30}
#content.main .top_wrap .slide_thumb li{cursor:pointer;display:inline-block;margin-left:3px;width:10px;height:10px;background:url("../image/ico/slide_thumb.png") no-repeat;*display:inline;*margin-left:4px;zoom:1}
#content.main .top_wrap .slide_thumb .activeSlide{background-position:-14px 0}
/* 오늘의 eBook */
#content.main .today_wrap{float:left;width:248px;height:205px;border:1px solid #ddd}
#content.main .today_wrap .title{margin-bottom:10px;padding:8px 0 0 15px;height:31px;/*background:url("../image/main/bg_title_shadow.gif") no-repeat center bottom*/}
#content.main .today_wrap .wrap{padding:0 17px}
#content.main .today_wrap .book{float:left;margin:0 15px 15px 0}
#content.main .today_wrap .book img{display:block;border:1px solid #ddd}
#content.main .today_wrap p{line-height:15px;font-size:11px;color:#adadad}
#content.main .today_wrap .subject{margin-bottom:2px;max-height:28px;font-size:12px;color:#353535;font-weight:bold;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#content.main .today_wrap .subject a{color:#353535}
#content.main .today_wrap .info{margin-bottom:12px;max-height:28px;font-size:11px;color:#666;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
/* 도서관 베스트 */
#content.main .best_wrap{margin-bottom:20px;padding-bottom:20px;width:554px;border-bottom:1px solid #e4e4e4;overflow:hidden}
#content.main .best_list{width:560px}
#content.main .best_list li{float:left;margin-left:43px;width:87px;height:190px;text-align:center;overflow:hidden}
#content.main .best_list p{line-height:13px}
#content.main .best_list img{display:block;margin-bottom:5px;border:1px solid #ddd}
#content.main .best_list .subject{margin-bottom:3px;max-height:26px;font-size:11px;color:#353535;font-weight:bold;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#content.main .best_list .subject a{color:#353535}
#content.main .best_list .info{margin-bottom:3px;max-height:26px;font-size:11px;color:#666;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#content.main .best_list .main{margin:0;width:161px;height:auto}
#content.main .best_list .main img{margin-bottom:15px;border:3px solid #c2c2c2}
#content.main .best_list .main p{font-size:12px}
/*#content.main .best_list .main .subject{margin-bottom:10px}*/
/* 신규 eBook */
#content.main .new_wrap{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e4e4e4;overflow:hidden}
#content.main .new_wrap .title{height:35px}
#content.main .new_wrap .slide_wrap{position:relative}
#content.main .new_wrap .slide_wrap .slide_btn{position:absolute;left:10px;top:52px;width:17px;height:26px;text-indent:-9999px;background:url("../image/btn/slide_navi_b.gif") no-repeat}
#content.main .new_wrap .slide_wrap .slide_btn.next{left:auto;right:10px;background-position:-17px 0}
#content.main .new_wrap .slide{margin-left:25px;width:512px;height:195px;overflow:hidden;*height:200px}
#content.main .new_wrap .slide li{float:left;width:520px;height:195px;overflow:hidden;*height:200px}
#content.main .new_wrap .slide li p{line-height:13px}
#content.main .new_wrap .slide .wrap{float:left;width:128px;text-align:center}
#content.main .new_wrap .slide img{margin-bottom:8px;border:1px solid #ddd}
#content.main .new_wrap .slide .subject{margin-bottom:3px;max-height:25px;font-size:11px;color:#353535;font-weight:bold;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#content.main .new_wrap .slide .subject a{color:#353535}
#content.main .new_wrap .slide .info{margin-bottom:3px;max-height:25px;font-size:11px;color:#666;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#content.main .new_wrap .slide .book{display:inline-block;width:80px;padding-right:4px;background:url("../image/main/bg_book_border.gif") no-repeat right top;*display:inline;zoom:1}
/* 화제의 eBook */
#content.main .hot_wrap .hot_list{width:600px;overflow:hidden}
#content.main .hot_wrap .hot_list li{float:left;margin-right:36px;width:260px;height:170px;overflow:hidden}
#content.main .hot_wrap .book{float:left;margin:0 15px 25px 0}
#content.main .hot_wrap .book img{display:block;border:1px solid #ddd}
#content.main .hot_wrap p{line-height:15px;font-size:11px;color:#adadad}
#content.main .hot_wrap .subject{margin-bottom:2px;max-height:28px;font-size:12px;color:#353535;font-weight:bold;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#content.main .hot_wrap .subject a{color:#353535}
#content.main .hot_wrap .info{margin-bottom:12px;max-height:28px;font-size:11px;color:#666;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}


/* right */
#content .content_right a:hover{text-decoration:underline}
#content .content_right .title{height:45px;background:#f6f6f6 url("../image/main/bg_title_shadowm.gif") no-repeat center bottom}
#content .content_right .title span{display:block;padding:10px 0 0 15px;height:25px;width:189px;background:#f6f6f6}
#content .content_right .box_wrap{margin-bottom:17px;width:204px;border:1px solid #ddd}
#content .content_right .box_wrap .wrap{padding:5px 10px 15px 10px}

/* 이벤트용 */
#content .content_right a:hover{text-decoration:underline}
#content .content_right .title_event{height:30px;background:#ffffff url("../image/event/bg_title_shadowm.gif") no-repeat center bottom}
#content .content_right .title_event span{display:block;padding:10px 0 0 15px;height:25px;width:189px;background:#15619f}
#content .content_right .box_wrap_event{margin-bottom:17px;width:204px;border:3px solid #15619f}
#content .content_right .box_wrap_event .wrap{padding:5px 10px 15px 10px}
#content .content_right .hope_wrap .text_event{padding:2px 0 0 60px;line-height:18px;height:74px;font-size:12px;color:#15619f;font-weight:bold;background:url("../img/event/search_q.gif") no-repeat left top;white-space:nowrap}

/* 희망도서 신청 */
#content .content_right .hope_wrap .text{padding:2px 0 0 60px;line-height:18px;height:74px;font-size:12px;color:#15619f;font-weight:bold;background:url("../image/ico/search_q.gif") no-repeat left top;white-space:nowrap}
#content .content_right .hope_wrap .search_wrap{margin-bottom:10px;width:180px;height:25px;border:1px solid #ddd}
#content .content_right .hope_wrap .select_wrap{float:left;margin-right:2px;width:60px}
#content .content_right .hope_wrap .select_wrap .value{padding:0 16px 0 7px;font-size:12px;color:#353535;background:url("../image/ico/select_arrow_right.gif") no-repeat right center}
#content .content_right .hope_wrap .select_wrap select{font-size:12px;color:#353535}
#content .content_right .hope_wrap .input_search{float:left;width:90px;height:25px;font-size:12px;color:#353535;border:0;*line-height:25px;line-height:25px\9}
#content .content_right .hope_wrap .btn_search{cursor:pointer;float:right;width:25px;height:25px;border:0;background:url("../image/ico/search.gif") no-repeat 5px center}
#content .content_right .hope_wrap p{line-height:18px;font-size:11px;color:#8f8f8f}
#content .content_right .hope_wrap p b{font-weight:bold;color:#666;letter-spacing:-1px;white-space:nowrap}
/* 북마스터 추천 */
#content .content_right .rcmd_wrap .wrap{position:relative}
#content .content_right .rcmd_wrap .slide_btn{position:absolute;left:-1px;top:78px;width:22px;height:22px;text-indent:-9999px;background:url("../image/btn/slide_navi.gif") no-repeat;z-index:1000}
#content .content_right .rcmd_wrap .slide_btn.next{left:auto;right:-1px;background-position:-22px 0}
#content .content_right .rcmd_wrap .slide{width:100%;height:282px;overflow:hidden}
#content .content_right .rcmd_wrap .slide li{float:left;width:100%;height:100%}
#content .content_right .rcmd_wrap .slide .book{margin-bottom:6px;text-align:center}
#content .content_right .rcmd_wrap .slide .book img{margin-bottom:10px;border:1px solid #ddd}
#content .content_right .rcmd_wrap .slide p{line-height:15px;font-size:11px;color:#adadad}
#content .content_right .rcmd_wrap .slide .subject{margin-bottom:2px;max-height:28px;font-size:12px;color:#353535;font-weight:bold;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#content .content_right .rcmd_wrap .slide .subject a{color:#353535}
#content .content_right .rcmd_wrap .slide .info{max-height:28px;font-size:11px;color:#666;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}

/* 내가 본 eBook */
#content .content_right .mybook_wrap{position:relative}
#content .content_right .mybook_wrap .wrap{padding-top:0;padding-bottom:5px}
#content .content_right .mybook_wrap .slide_btn{position:absolute;right:24px;top:8px;width:16px;height:16px;text-indent:-9999px;background:url("../image/btn/slide_navi_s.gif") no-repeat;z-index:1000}
#content .content_right .mybook_wrap .slide_btn.next{right:9px;background-position:-15px 0}
#content .content_right .mybook_wrap .slide{width:100%;height:230px;overflow:hidden}
#content .content_right .mybook_wrap .slide li{float:left;width:100%;overflow:hidden}
#content .content_right .mybook_wrap .slide .book{padding:8px 5px;margin:1px 0 -1px 0;height:97px;background:url("../image/main/line_content_right_splig.gif") repeat-x left bottom}
#content .content_right .mybook_wrap .slide .img{float:left;margin-right:8px}
#content .content_right .mybook_wrap .slide img{display:block;border:1px solid #ddd}
#content .content_right .mybook_wrap .slide p{line-height:15px;font-size:11px;color:#353535}
#content .content_right .mybook_wrap .slide .subject{margin-bottom:2px;font-size:12px;color:#353535;font-weight:bold}
#content .content_right .mybook_wrap .slide .subject a{color:#353535}
#content .content_right .mybook_wrap .slide .info{font-size:11px;color:#adadad}
/* 고객센터 */
#content .content_right .customer_wrap .tel{margin-bottom:8px}
#content .content_right .customer_wrap li{padding-left:10px;margin-bottom:2px;line-height:20px;font-size:11px;color:#171717;background:url("../image/ico/list_dot.gif") no-repeat 2px 8px;white-space:nowrap}
#content .content_right .customer_wrap img{display:block}



/* b2c 설정 */
#content.b2c p.book_price{font-size:11px;font-weight:bold;color:#f7941d!important}
#content.b2c .today_wrap .wrap p.info{margin-bottom:2px}
#content.b2c .today_wrap .wrap .book_price{margin-bottom:8px}
#content.b2c .best_wrap .info{margin-bottom:2px}
/*#content.b2c .best_wrap .main .info{margin-bottom:5px}*/
#content.b2c .new_wrap .info{margin-bottom:5px}
#content.b2c .hot_wrap p.info{margin-bottom:2px}
#content.b2c .hot_wrap .book_price{margin-bottom:8px}
#content.b2c .best_wrap .title img{float:left;margin-right:20px}
#content.b2c .best_wrap .title span{display:block;float:left;line-height:16px;font-size:11px;color:#353535;font-weight:bold}
/* eBook 기획전 */
#content .content_center .ebook_wrap .title{position:relative;z-index:10}
#content .content_center .ebook_wrap .tab_menu{position:relative;height:320px;z-index:20}
#content .content_center .ebook_wrap .tab_menu dt{position:absolute;padding-right:9px;left:130px;top:-37px;width:auto;height:11px;line-height:12px;border-right:1px solid #848484}
#content .content_center .ebook_wrap .tab_menu dt a{display:block;font-size:11px;color:#848484}
#content .content_center .ebook_wrap .tab_menu .tab_02{left:230px}
#content .content_center .ebook_wrap .tab_menu .tab_03{left:330px;border-right:0}
#content .content_center .ebook_wrap .tab_menu dt .on{color:#212121;font-weight:bold;letter-spacing:-1px}
#content .content_center .ebook_wrap .tab_menu dd{display:none}
#content .content_center .ebook_wrap .tab_menu .on{display:block}
/* 월간 베스트 */
#content .content_right .month_wrap .title{position:relative}
#content .content_right .month_wrap .title a{position:absolute;right:10px;top:8px;padding-right:7px;font-size:12px;color:#616161;text-decoration:underline;background:url("../image/ico/more_arrow.gif") no-repeat right center}
#content .content_right .month_wrap .wrap{padding-left:10px}
#content .content_right .month_wrap .rank_list{width:190px;overflow:hidden}
#content .content_right .month_wrap .rank_list dt{float:left;margin-bottom:5px;margin-right:10px;width:16px;height:15px;line-height:15px;text-align:center;font-size:11px;color:#6e6e6e;background:#ebebeb}
#content .content_right .month_wrap .rank_list dd{position:relative;float:left;margin-bottom:5px;width:155px;height:15px;line-height:15px;}
#content .content_right .month_wrap .rank_list a{display:block;float:left;width:120px;font-size:12px;color:#4d4c4c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#content .content_right .month_wrap .rank_list dt.top{color:#fff;background:#f7941d}
#content .content_right .month_wrap .rank_list dd.top a{font-weight:bold}
#content .content_right .month_wrap .rank_list .state{display:block;position:absolute;right:0;top:0;padding-left:15px;width:20px;height:15px;line-height:15px;font-size:11px;color:#c2c2c2;background:url("../image/ico/rank_minus.gif") no-repeat 2px center;white-space:nowrap}
#content .content_right .month_wrap .rank_list .state.up{background:url("/img/common/ranking_up.gif") no-repeat left 3px}
#content .content_right .month_wrap .rank_list .state.dn{background:url("/img/common/ranking_down.gif") no-repeat left center}
#content .content_right .month_wrap .rank_list .state.new{background:url("/img/common/ranking_new.gif") no-repeat 2px center}



/* footer */
#footer .top{height:27px;border-top:2px solid #d6d6d6;background:#f3f3f3}
#footer .fnb{padding-left:210px}
#footer .fnb li{float:left;padding:6px 10px 0 12px;background:url("../image/common/line_footer_menu_split.gif") no-repeat left 7px}
#footer .fnb li:first-child{padding-left:8px;background:url("")}
#footer .fnb a{display:block}
#footer .fnb img{display:block}
#footer .bottom{height:164px}
#footer .logo{float:left;padding:14px 0 0 8px;width:208px}
#footer .address{float:left;padding-top:20px}
#footer .address p{line-height:21px;font-size:11px;color:#a0a0a0;letter-spacing:-0.01em}
#footer .address p b{font-weight:bold;color:#777;letter-spacing:-0.05em}
#footer .address p span{margin-right:20px}
#footer .address p a{color:#a0a0a0}
#footer .address p a:hover{text-decoration:underline}
#footer .address .copyright{padding-top:3px}
#footer .address .copyright b{font-weight:normal;color:#777}
#footer .banner{float:left;padding:11px 5px 0 0}
#footer .banner a{display:block;margin-bottom:4px}

/* 희망도서 신청 팝업 */
#search_popup{padding:30px 15px;width:550px;height:560px;overflow:hidden;overflow-y:auto}
#search_popup .search_title{height:20px;font-size:14px;font-weight:bold}
#search_popup .search_title img{margin:-4px 2px 0 0;vertical-align:middle}
#search_popup p{line-height:16px;font-size:12px;color:#787878}
#search_popup .search_top{height:25px}
#search_popup .search_top .result{float:left}
#search_popup .search_top .result b{color:#f55c42;font-weight:bold}
#search_popup .search_top .search{float:right}
#search_popup .search_top .select_search{float:left;margin:0 4px 0 0;padding:0;height:16px;font-size:11px;color:#787878;border:1px solid #eaeaea}
#search_popup .search_top .input_search{float:left;padding:0 10px;width:100px;height:14px;font-size:11px;color:#787878;border:1px solid #eaeaea;*line-height:14px;line-height:14px\9}
#search_popup .search_top .btn_search{float:left}
#search_popup .search_table{width:100%;text-align:center}
#search_popup .search_table th{padding:5px;font-size:11px;font-weight:bold;color:#787878;border:1px solid #eaeaea;background:#f9f9f9;white-space:nowrap;*letter-spacing:-1px}
#search_popup .search_table td{padding:5px;line-height:14px;font-size:11px;color:#787878;border:1px solid #eaeaea;background:#fff}
#search_popup .search_table td p{max-height:28px;line-height:14px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#search_popup .search_table input{vertical-align:middle}
#search_popup .search_table .subject{text-align:left}
#search_popup .search_table .subject a{display:block;max-height:28px;line-height:14px;color:#787878;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
#search_popup .search_table .subject a:hover{text-decoration:underline}
#search_popup .search_paging{padding-top:10px;height:30px;text-align:center}
#search_popup .search_paging a{display:inline-block;margin:0 2px;height:17px;line-height:18px;vertical-align:top;font-size:12px;color:#787878}
#search_popup .search_paging .on{font-weight:bold;color:#f55c42}
#search_popup .search_paging img{vertical-align:top}

#search_popup .input_table{width:100%;text-align:left}
#search_popup .input_table td{padding:5px;line-height:11px;font-size:11px;color:#787878;border:0px solid #eaeaea;background:#fff}
#search_popup .input_table input{vertical-align:middle;border:1px solid #eaeaea}

/* 북레일 개발 끝 */