/* 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;width:175px;margin-right: 0px;}
#content .content_center{float:left;width:825px;height: 370px;}
#content .content_right{float:left;width:1100px; position: relative;left: -5px;    text-align: center;}
/* 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;*overflow:hidden}
#content .lnb .menu_list li{padding:4px 0;width:95%;*float:left}
#content .lnb .menu_list a{display:block;*width:120px;padding-left:10px;line-height:14px;font-size:12px;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: 0px;}
#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:336px;background-color: #f3f3f3; no-repeat center 337px;margin-bottom: 30px; background: #f3f3f3;}
#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:493px;height:255px;border:1px solid #ddd;margin:30px 5px 30px 5px;    text-align: center; /*border-radius:7px*/}
#content.main .today_wrap .wrap .book img{width:124px; height:168px;}
#content.main .today_wrap .title{position: relative; top: -40px;left: -180px;}
#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;margin-bottom: 30px;}
#content.main .today_wrap .subject{padding:10px 0 3px 0;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}
.sub_btn{padding: 15px; border: 1px block gray; /*rgb(247, 220, 30);*//*rgb(248, 231, 29);*/border-radius:5px;font-weight:bold!important; cursor:pointer; color: #986505;}
.sub_btn:hover{background:rgb(248, 231, 29); color:#984a05;}
/* 도서관 베스트 */
#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") repeat-x center bottom}
#content .content_right .title span{display:block;background:#f6f6f6;text-align: center;width: 0px;text-align: center; padding:0px!important;  }
#content .content_right .box_wrap{margin-bottom:17px;width:241px;border:1px solid #ddd;float:left; margin: 10px 5px 0 5px;}
#content .content_right .box_wrap .wrap{padding:5px 10px 15px 10px}

.costomer_sys .title span{display:block;padding:10px 0 0 0px;height:25px;background:#f6f6f6;}
.costomer_sys h5 span a img{padding-left: 42%;}

/* 이벤트용 */
#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;margin-left: 25px;}
#content .content_right .hope_wrap .search_wrap2{margin:10px 0 0px 10px;width:200px;height:25px;border:1px solid #ddd;}
#content .content_right .hope_wrap .select_wrap2{float:left;margin-right:2px;width:60px}
#content .content_right .hope_wrap .select_wrap2 span{display: block; padding-top: 3px;}
.select_wrap2 .value2{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}
#content .content_right .hope_wrap .select_wrap2 .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_wrap2 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; }
.select_wrap2 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)}
/* 북마스터 추천 */
#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:0px}
#content .content_right .customer_wrap li{padding-left:0px;margin-bottom:0px;line-height:0px;font-size:11px;color:#171717;background:#ffffff;/*background:url("../image/ico/list_dot.gif") no-repeat 2px 8px;*/white-space:nowrap}
#content .content_right .customer_wrap img{display:block}
#content .content_right .customer_wrap .textLine{white-space: pre-line !important;    padding:0px; width: 241px; background:#ffffff; border:0px solid ;}
#content .content_right .customer_wrap .textLine:hover{background: #f7f1c5;}

/* b2c 설정 */
#content.b2c p.book_price{font-size:11px;font-weight:bold;color:#f7941d!important}
#content.b2c .today_wrap .wrap p.info{margin-bottom:15px}
#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; margin-left:10px}
#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:8px;width:155px;height:15px;line-height:15px; text-align: left;}
#content .content_right .month_wrap .rank_list a{display:block;float:left;width:160px;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:#f76565}
#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:-50px;top:0;padding-left:0px;width:50px;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}

/* 북레일 개발 끝 */


.cateTitle{position: relative;left: 0;top: 0;width: 50%;height: 34px;line-height: 34px;text-align: center;font-size: 11px;border: 1px solid #ddd;background: #f3f3f3;}
.cateTitle.left.on{border-right: 1px solid #ddd;}
.cateTitle.on{font-weight: bold;border-bottom: 0;letter-spacing: -1px;background: #fff;}
.cateTitle.right {left: 49%;top: -35px;}
.main_cate_top_img{margin:45px;}
.main_cate_top_cont{ position: relative; top: -140px;left: 55px;width: 180px;text-align: center;}
.main_cate_top_cont a{position: relative; left: 165px;width: 180px; display: block;}
.main_cate_top_cont a p{width:160px;}
.main_cate_top_title{margin-bottom:10px;font-weight:bold;text-decoration: underline;}
.main_cate_top_title_a .main_cate_top_title{color: orange;font-size: 11pt;}
.main_cate_top_img img{border: 1px solid #ddd;}
.cover_img_shadow{box-shadow: 3px 3px 5px 0px grey;}
.cover_img_shadow2{box-shadow: 3px 3px 8px 0px grey;}
.cover_img_shadow3{box-shadow: 14px 10px 20px 0px grey;}
.main_sub_cate_top_img{position: relative; top: -440px; right: -460px;width: 350px;}
.main_sub_cate_top_img li{float: left; margin: 35px 30px 0px 0px; border: 1px solid #ddd;}
.main_sub_cate_top_img li{float: left; margin: 15px 15px 0px 0px; border: 1px solid #ddd;height: 120px;}

.sub_img:hover img,.sub_img.hover img {opacity: 0.4;}

.main_sub_cate_top_img * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.textLine_na{opacity: 0}
.sub_cont{opacity: 0;width:95px;height:118px;position: relative;top: -120px; text-align: center; }
.sub_cont a .subject{padding:30px 0 10px 0; font-weight: bold;}
.sub_img:hover .sub_cont,.sub_img.hover .sub_cont { opacity: 1; }
.sub_img a img{ width:95px; height:118px;}
.main_sub_cate_top_img ul .sub_img .sub_cont a{text-decoration:none !important;}

.sub_cont:before,
.sub_cont:after {
  position: absolute;
  content: '';
  background-color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}


.test {
  margin: 0 0 10px;
  width: auto;
  height: 60px;
  background: #000;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 2px 4px;
}
.test.b {
  transition: opacity 1s;
  -o-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
}
.test:hover {
  opacity: 0;
}

.pa-bo-20{padding-bottom:20px;}
.main_hBtn{float: right;position: relative;top: -50px;left: -10px;}
.crown_img{ border:0px !important; padding-bottom:25px;}
.mian_box_lay{width: 1100px;float: left; display:inline-block; position: relative; left: -5px;}
.main_bottom_h{height: 325px;}
.pa-to-25{padding-top: 25px !important;}
.pa-to-25-le-20{padding-top: 25px; padding-left:10px !important;}
.pa-le-15{padding-left:33px !important;}
.pa-to-15{padding-top:15px !important;}
.costomer_sys .wrap ul{ list-style:none; }
.banner_line{background:url("/img/main/banner_bgjpg.jpg")repeat-x center top;  height: 280px; text-align: center; cursor:pointer;}
.banner_line div a img{opacity:1;  padding:0px 0 0 0;}

.banner_line ul,.banner_line li{list-style:none;}
#TopSlider{ border:1px solid #d2d2d2;position:static;}
#TopSlider div{ float:left; visibility:hidden; position: absolute; left: 15%;overflow: hidden;}
#ul_btns{border:0px solid #e0e0e0; position: absolute;right: 10px;bottom: 10px;width: 100px;}
#ul_btns a{float:left; border:0px solid #e0e0e0; cursor:pointer;}
#ul_btns a:hover {opacity:0.7; cursor:help;}
#ul_btns a li{padding:0 5px 0 0; cursor:help;}

.qna_banner_sub #qna_nas_1,.qna_banner_sub #qna_nas_3,.qna_banner_sub #qna_nas_1{opacity:0;}
.qna_banner_sub #qna_nas_1{position: relative;top: -275px; opacity:0; -webkit-transition:all 0.5s ease-in ;  transition:all 0.4s ease-in ;}
.qna_banner_sub #qna_nas_2{position: relative;top: -275px; opacity:0; -webkit-transition:all 0.5s ease-in ;  transition:all 0.4s ease-in ;}
.qna_banner_sub #qna_nas_3{position: relative;top: -271px; left:-1px; opacity:0; -webkit-transition:all 0.5s ease-in ;  transition:all 0.4s ease-in ;}
.qna_banner_sub:hover #qna_nas_1:hover {opacity:1;}
.qna_banner_sub:hover #qna_nas_2:hover {opacity:1;}
.qna_banner_sub:hover #qna_nas_3:hover {opacity:1;}
.bottom_banner_layout li{float: left; width: 178px; padding:10px 8px 0 8px;text-align: center;  height: 185px;}

.bottom_banner_layout{margin:20px 0 20px 0;}
.bottom_banner_layout li .book{ padding-bottom: 15px;}
.bottom_banner_layout li .book .subject{padding-top: 10px;}
.main_bottom_h2{height: 225px;border: 1px solid #dedede; margin-bottom: 50px;}
.bottom_banner_layout{padding-left: 15px;}
.bottom_banner_layout li .book a img{ border: 1px solid #e8e8e8;}

.textLine img{float: left;}
.notice_text-left{text-align:left;padding:4px 8px 6px 8px;}
.ma-to-10{margin-top:10px}
.box_line{border: solid 0.5px rgba(232, 232, 232, 1);}
.bot-pad{padding: 0 0 7px 5px;}


.imgbackpro{max-width: 100%;}

.card-container {
  height: 153px;
  perspective: 600;
  position: relative;
  width: 170px;
}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0px;
}
.card:hover .back {
  opacity:1;
  transition: all 0.6s cubic-bezier(0, 0, 1, 0);
}

.card .back {
  opacity:0;

}

.card .back {
  transform: rotateY(180deg);
  background: #f3f3f3;
  line-height: 20px;
  padding:2px 5px 5px 5px;
  left: -10px;
  top:-5px;
  height: 100%;
  overflow:hidden;
}