﻿@charset "utf-8";
/*
Author :源???
Contact Us :kh@upaper.net
Version :1.0
*/

/* GNB Header Layout */
.header_wrap{margin: 0 auto;min-width: 960px;width:960px;padding-top:14px;height:80px;*z-index:25}
.gnb_logo{float:left;padding-bottom:20px; padding-top:4px; text-align:center; width:210px;}
.gnb_search{float:left;width:545px; margin-top:12px;}
.search_box{background-color: #2b95e5;border: 1px solid #007bd0;display: inline-block;height:31px;width:479px; padding:4px; margin-left:28px;}
.search_inbox{background-color:#FFF;width:400px;height:31px;float:left;}
.search_inbox .sel_box{float:left;height:31px;position: relative;*z-index:99}
.search_inbox .sel_text{font-weight:bold;width:70px;display:block; float:left;margin:8px 0 0 5px;}
.search_inbox .sel_btn{padding-top:8px;display:inline-block;}
.search_inbox .sel_field{top:32px;left:-1px;width:91px;-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #FFFFFF;border-color: -moz-use-text-color #888d95 #888d95;border-right: 1px solid #888D95;border-style: none solid solid;border-width: 0 1px 1px;overflow: hidden;position: absolute;z-index:99;}
.sel_field li{font-size:12px;padding:3px 0 3px 7px;}
.sel_field li.sel_on{font-weight:bold;background-color: #efefef;}
/* 2014-09-30 : 수정
.search_inbox .keybox {position: relative;*z-index:99}*/
.search_inbox .keybox {position: relative; float: left; *z-index:99;}
/* 2014-09-30 : 추가 st*/
.keybox label {position:absolute; top:0px; left: 0px; padding:10px; visibility:visible; display:block; z-index:100;}
/* 2014-09-30 : 추가 ed*/
.search_inbox .keybox input{*margin-top:4px}
.search_inbox .keyword{float:left;border: 1px solid #FFFFFF;font: bold 14px dotum;height: 20px;letter-spacing: 1px;padding: 4px 2px 0 1px;width:300px;}

.search_inbox .key_field{padding:5px;top:32px;left:93px;width:296px;-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #e2f0fb;border-color: -moz-use-text-color #888d95 #888d95;border-right: 1px solid #888D95;border-style: none solid solid;border-width: 0 1px 1px;overflow: hidden;position: absolute;z-index:99;*zoom:1;}
.key_field li{font-size:12px;padding:3px 0 3px 7px;background-color: #fff;}
.key_field li.sel_on{font-weight:bold;background-color: #efefef;}
.search_inbox .key_field p{line-height:20px;margin-top:5px;font-weight:bold;}
.search_inbox .key_field span.keyfield_right{float:right;padding-left:14px;background:url('http://static.barobook.com/images/home/btn_clo.png') no-repeat 0 5px;}

.search_btn{float:right}
.search_text{text-align:center;color:#666; font-size:11px;font-weight:bold;width:489px;margin-left:28px;margin-top:5px;*margin-top:4px;}
.search_text a {color: #666;text-decoration: none;margin:6px 8px}
.search_text a:hover {text-decoration: underline}
.gnb_ad{float:right}
.orange{color:#ff5a00}

/* Header Menu Layout */
/* 2014-09-30 : 수정
.header_menu{margin: 0 auto;border-left:1px solid #cc6316;background:url('http://static.barobook.com/images/borognb_new/hmenu_bg.png') repeat-x 0 0;border-right:1px solid #007bd0;min-width:958px;width:958px;height:40px; margin-top:2px;position:relative;*z-index:3;}*/
.header_menu{margin: 0 auto;border-left:1px solid #cc6316;background:url('http://static.barobook.com/images/borognb_new/hmenu_bg.png') repeat-x 0 0;border-right:1px solid #007bd0;min-width:958px;width:958px;height:40px; margin-top:2px;position:relative;*z-index:3; *zoom: 1;}
/* 2014-09-30 : 추가 st*/
.header_menu:after { display: block; content: ""; clear: both; }
.header_lmenu { float: left;}
/* 2014-09-30 : 추가 ed*/
.header_lmenu li{float:left;*z-index:3; padding:0 1px;}
.header_lmenu li.space{margin-right:10px;padding:0;}
/* 2014-09-30 : 추가 st*/
.header_rmenu { float: right; }
/* 2014-09-30 : 추가 ed*/
/* 2014-09-30 : 수정
.header_rmenu ul { *zoom: 1;  }*/
.header_rmenu ul { *zoom: 1; float: right; }

.header_rmenu ul:after { display: block; content: ""; clear: both; }
.header_rmenu li{float:right;*z-index:3;}
.menu_cate{ border: 2px solid #f96a0a;position:absolute;top:40px; left:-1px; background:url('http://static.barobook.com/images/borognb/cate_bg.png') repeat-y 0 0 #FFF;display:none;z-index:999999;*z-index:999999;}
.iconadult{margin-left:4px;}
.menu_cate a{color: #666;text-decoration: none;}
.menu_cate a:hover {text-decoration:none; font-weight:bold;}
.menu_cate h1{ margin:0; padding:0;}
.categorize1{float:left;width:254px}
.categorize1 ul,.categorize2 ul,.categorize3 ul,.categorize4 ul{float:left;margin-bottom:6px; width: 127px;}
.categorize1 li,.categorize2 li,.categorize3 li,.categorize4 li{padding:3px 0 2px 10px;vertical-align:text-bottom}
.categorize2{float:left;width:131px}
.categorize3{float:left;width:130px}
.categorize4{float:left;width:130px}
.cateLine{clear:both;width:645px;height:26px;background-color:#f3f3f3}
.cate_close{float:right;margin:7px 8px 0 0;font-weight:bold}


/* Container Layout */
#contents{margin-bottom:33px;;}
.multi_area{margin-top:10px;clear:both;*z-index:1}
.multi_area:after {clear: both;content: "";display: block;}
.lnb_area{float:left;width:210px;margin-right:10px;background:url('http://static.barobook.com/images/home/login_areabg.png')  no-repeat 0 0 transparent;}
.cont_area{float:left;}
.snb_area{float:right;}

#main_tabanner{width:740px;height:316px;background:url('http://static.barobook.com/images/home/img_main_tabanner.jpg')  no-repeat 0 0 transparent;}
#main_tabanner .tab_list{height:316px}
#main_tabanner .tab_list ul{position:relative;margin:0;padding:0;border:0;padding-left:464px;list-style:none;*zoom:1}
#main_tabanner .tab_list ul:after{display:block;clear:both;content:""}
#main_tabanner .tab_list li{float:left;margin-bottom:-1px}
#main_tabanner .tab_list li a{float:left;position:relative;}
#main_tabanner .tab_list li a span{display:inline-block;padding:0 2px 10px 2px;cursor:pointer}
#main_tabanner .main_tabbox{height:287px;display:none;position:absolute;top:29px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab_lnb{float:left;margin-right:18px;width:150px;}
.tab_lnb h5{color:#fff;font-size:12px;margin:15px auto; padding-left:20px; text-align:center;}
.tab_lnb span.focusbook{margin-left:19px;margin-top:2px; display:inline-block;}
.tab_lnb span.focusbook img{border:1px solid #cdcdcd;}
.tab_cont{float:left;width:572px;}


/* Login Logout Layout */
.lnb_area .login_area{margin-top:20px;padding:0 10px; height:140px;}
.lnb_area .login_area a {color: #666;text-decoration: none;}
.lnb_area .login_area a:hover {text-decoration:none}

#login_before{position:relative;margin:0;padding:0;border:0}
#login_before dl{height:71px;overflow:hidden;position:relative;padding-left:3px;padding-right:2px;}
#login_before dd{height:28px;margin-top:6px;}
#login_before .item{position:relative}
#login_before .i_text{width:96px; border:1px solid #cecece; padding:6px 5px;}
#login_before .i_label{display:block;position:static;top:8px;left:5px;}
#login_before p.keeping {left:119px;overflow: visible;position: absolute;top: 6px;width: 70px; line-height:28px;}
#login_before p.keeping .input_check{position: absolute;top:6px;left:0;*top:4px;*left:-4px;*zoom:1;}
#login_before p.keeping label {position: absolute;left:16px;color: #6B6D70;font-size: 11px;letter-spacing: -1px;}
#login_before p.keeping .submit {left:0;position: absolute;top:34px;}
.login_foot{font-size:12px;color:#666;margin:10px 8px;width:174px;display:inline-block;}
.login_foot span.arrow_dscl{float:left;}
.login_foot span.arrow_dscr{float:right;}
.flogin{padding:0 3px;}

.logboxti{height:22px;margin:0 6px;font-size:12px; line-height:18px; padding-top:8px;}
.logboxti strong{color:#333;}
.logboxti span.iog_name{color:#666; float:left; display:inline-block;}
.logboxti span.iog_menu{padding-left:4px; color:#333;font-size:11px; float:right;}
.logboxcon{border:1px solid #e1dbd0; background-color:#ede8de;margin:0 6px; padding:6px; height:81px;font-size:12px;}
.logboxcon p.user_vip{color:#666;line-height:18px;}
.logboxcon p.user_cou{color:#666;line-height:18px;}
.logboxcon p.user_menu{color:#333;font-size:11px;line-height:18px;margin-top:12px;}
.logboxcon span.iog_tab{color:#bbb;font-size:11px;padding:0 3px;}
.logboxcon span.spanh{padding:2px 0 0 3px;}
.logboxcon span.span_o{color:#ff4e00;font-weight:bold;}
.logboxcon span.span_r{color:#f60000;font-weight:bold;}
.logboxcon span.span_b{color:#0062c0;}

/* Category Layout */
.categ_area{margin-bottom:5px;padding:0 10px;position:relative;}
.categ_decorate{position:absolute; top:0; right:5px;}
.categ_area:after {clear: both;content: "";display: block;}
.categ_area a {color: #666;text-decoration: none;}
.categ_area a:hover {text-decoration:none;font-weight:bold;color:#0062c0;}
.categ_area h4{height:14px; width:170px; margin:0 10px;padding:12px 0 8px 0;border-bottom:1px solid #ccc; display:inline-block;}
.categarea_cont{margin:6px 10px;}
.categarea_cont li{padding:2px 0 1px 0;color:#666;float:left;width:85px;font-size:12px; line-height:15px;}
.categarea_foot{margin-top:6px;display:inline-block;clear: both;}
.categarea_foot li{float:left;width:47px;text-align:center;}
.lnb_banner_area{margin-top:5px; display:inline-block; overflow:hidden;*top:10px;}

/* Main Tab Layout */
.tab_cont dl{padding-left:20px;padding-top:20px;}
.tab_cont dt.bokti{font-size:16px;font-weight:bold; padding-bottom:10px; color:#333;}
.tab_cont dd.bokinfo{font-size:12px;padding-bottom:10px;color:#666;}
.tab_cont dd.bokcon{font-size:12px;line-height:18px;color:#666;text-align:justify; padding-right:2em;}
.tab_cont dl span{font-weight:bold;}
.tab_cont span.infoti{font-weight:bold;}
.tab_cont span.infospan{color:#aaa; margin:0 4px;font-weight:normal;}

.tab_cont ul{overflow:hidden;padding:0 !important;margin-top:19px !important;list-style:none;*zoom:1}
.tab_cont li{overflow:hidden;float:left !important;position:relative;background:url('http://static.barobook.com/images/home/img_bokbg.png')  no-repeat 0 0 transparent;width:95px;height:135px;margin:0 5px;}
.tab_cont li img.boklist{width:91px;height:130px; margin-top:5px;}
.tab_cont li.ribbontab{background-image:none;width:146px;margin:0;padding-top:20px;}
.tab_cont li.ribbontab img{margin:1px 0;}

/* Banner Box */
.banner_box{margin-bottom:10px;width:740px;height:286px; background-color:#fff;}
.banner_vie{border:3px solid #eee;border-bottom:0;padding:6px;height:201px; padding-bottom:7px}
.banner_lis{height:66px;background:url('http://static.barobook.com/images/novserial/bg_bennerlis.png')  no-repeat 0 0 transparent; padding:1px 3px 3px 3px;height:66px;}
.banner_lis ul{margin:0 !important;padding:0 !important;float:left;}
.banner_lis li{float:left;height:66px;width:145px;}
.banner_lis li.banlis_lbtn{width:38px;}
.banner_lis li.banlis_rbtn{width:38px;}
.banner_lis li.banlis_tab{height:30px;width:2px;padding:18px 12px;}

.banner_lis dl.banlis{height:44px;margin:12px 0 7px;}
.banner_lis dl.on{border-bottom:3px solid #f47a21;}
.banner_lis dl.banlis dt{float:left;margin-right:6px;}
.banner_lis dl.banlis dd{line-height:18px;color:#666;}
.banner_lis dl.banlis strong{color:#000;}

/* DAY NEW */
.daynew{margin-top:14px;}
.daynew_boxti{background-color:#796f6f;width:740px;height:32px;}
.daynew_boxti h1{float:left;}
.daynew_boxti span.box_more{float:right; margin-right:12px; margin-top:10px;color:#666;}
.daynew_boxti span.box_more a {color: #e9d0d0;text-decoration: none;}
.daynew_boxti span.box_more a:hover {text-decoration:none;color:#e9d0d0;}
.daynew_boxti span.box_more img{padding-bottom:2px; padding-left:2px;}
/* 2014-09-30 : 수정
.daynew_boxcon{width:740px;height:188px;background:url('http://static.barobook.com/images/home/img_daynew_bg.png')  repeat-x 0 0 transparent;}*/
.daynew_boxcon{width:740px;height:188px;background:url('http://static.barobook.com/images/home/img_daynew_bg.png')  repeat-x 0 0 transparent; *zoom: 1;}
/* 2014-09-30 : 추가 st*/
.daynew_boxcon:after { display: block; content: ""; clear: both; }
.daynew_slide { float: left; }
/* 2014-09-30 : 추가 ed*/
.daynew_slide ul{overflow:hidden;position:relative;}
.daynew_slide ul:after{display:block;clear:both;content:""}
.daynew_slide li{overflow:hidden;float:left;position:relative;margin:30px 16px 0 16px;padding:0;border:1px solid #a99b9b;height:150px;}
.daynew_slide li.slide{margin:0;padding:0;border:0;margin-top:30px;float:left;}
.daynew_slide .slide_book{display:block;overflow:hidden;position:relative;}
.daynew_slide .slide_book img{display:block;width:105px;height:150px;border:0}
.daynew_slide .slide_book span.slide_bookinfo{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-style:normal;opacity:.75;filter:alpha(opacity=75);}
.daynew_slide .slide_book span.slide_bookinfo{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
.daynew_slide a, .daynew_slide a:hover .slide_book span.slide_bookinfo, .daynew_slide a:active .slide_book span.slide_bookinfo, .daynew_slide a:focus .slide_book span.slide_bookinfo{visibility:visible;width:105px;height:126px;*text-decoration:none !important;}
.daynew_slide span.slide_bookinfo{text-align:left;color:#FFF;font-weight:normal;line-height:22px;padding:12px 8px;}
.daynew_slide span.slide_bookinfo .slide_bookinfos{color:#efefef;}

/* Best Seller */
.bestseller{margin-top:14px;}
.bestseller_boxti{width:960px;height:32px;position:relative;}
.bestseller_boxti h1{float:left;}
.bestseller_boxti .box_slide{display:inline-block;height:18px;line-height:18px; margin-left:6px; margin-top:8px;}
.bestseller_boxti .box_slide img{margin-top:-2px;vertical-align:middle}
.bestseller_boxti span.box_more{margin-right:12px; margin-top:10px;color:#666;position:absolute; top:0; right:10px;}
.bestseller_boxti span.box_more a {color: #666666;text-decoration: none;}
.bestseller_boxti span.box_more a:hover {text-decoration:none;color:#666666;}
.bestseller_boxti span.box_more img{padding-bottom:2px; padding-left:2px;}

.bestseller_boxcon li{float:left;width:159px;margin-top:7px;}
.bestseller_boxcon li a{color:#666; text-decoration:none}
.bestseller_boxcon dl.bestseller_bsti{float:left;width:23px; margin-left:16px;}
.bestseller_boxcon .bestseller_bscon{float:left;text-align:center;width:105px;height:200px;margin-left:5px;}
.bestseller_boxcon .bestseller_bscon img{border:1px solid #ddd;}
.bestseller_boxcon span.icon_box{width:23px;text-align:center; display:inline-block;}
.bestseller_boxcon span{line-height:16px;}
.bestseller_boxcon span.bestseller_bti{line-height:24px; font-weight:bold;}
.bestseller_boxcon span.bestseller_bti span{line-height:24px; font-weight:bold;}


/* Sale Box */
.saleboxs{float:left;width:738px;height:216px;border:1px solid #ccc;background:url('http://static.barobook.com/images/home/img_saleboxs_bg.png')  repeat-y 0 0 transparent;}
.saleboxs_boxti{width:100%;height:32px; position:relative;}
.saleboxs_boxti h1{float:left;}
.saleboxs_boxti .box_slide{display:inline-block;height:18px;line-height:18px; margin-left:6px; margin-top:8px;}
.saleboxs_boxti .box_slide img{margin-top:-2px;vertical-align:middle}
.saleboxs_boxti span.box_more{margin-right:12px; margin-top:10px;color:#666;position:absolute; top:0; right:10px;}
.saleboxs_boxti span.box_more a {color: #666666;text-decoration: none;}
.saleboxs_boxti span.box_more a:hover {text-decoration:none;color:#666666;}
.saleboxs_boxti span.box_more img{padding-bottom:2px; padding-left:2px;}


.freeboxs{float:left;margin-left:10px;width:210px;height:218px;background-color:#38a2f2;position:relative;}
.freebox_con{background-color:#FFF; margin:3px;width:204px;height:212px;}
.freebox_ribbon{position:absolute;top:0;right:0; z-index:100;}
.freebox_conti span.box_more{margin-right:12px; margin-top:10px;color:#666;position:absolute; top:3px; right:5px;}
.freebox_conti span.box_more a {color: #666666;text-decoration: none;}
.freebox_conti span.box_more a:hover {text-decoration:none;color:#666666;}
.freebox_conti span.box_more img{padding-bottom:2px; padding-left:2px;}

/* Sale Box */
.multi_areaA{margin-top:10px;clear:both;border-bottom:1px solid #ccc;}
.multi_areaA:after {clear: both;content: "";display: block;}
.contenboxs{float:left;width:738px;height:256px;background:url('http://static.barobook.com/images/home/bg_contenboxsline.png')  repeat-y 100% 0 transparent;}
.multi_areaC{margin-top:10px;clear:both;border-bottom:1px solid #ccc;}
.multi_areaC:after {clear: both;content: "";display: block;}
/* 2014-09-30 : 수정
.contenboxs_boxti{width:100%;height:32px;}*/
.contenboxs_boxti{width:100%;height:32px; }
.contenboxs_boxti h1{float:left;}
.contenboxs_boxti span.box_more{float:right; margin-right:12px; margin-top:10px;color:#666;}
.contenboxs_boxti span.box_more a {color: #666666;text-decoration: none;}
.contenboxs_boxti span.box_more a:hover {text-decoration:none;color:#666666;}
.contenboxs_boxti span.box_more img{padding-bottom:2px; padding-left:2px;}
.sidelistboxs{float:left;margin-left:10px;width:210px;height:256px;}
.multi_areaC .contenboxs{float:left;width:738px;height:254px;background:url('http://static.barobook.com/images/home/bg_contenboxsline.png')  repeat-y 100% 0 transparent;}
.multi_areaC .sidelistboxs{float:left;margin-left:10px;width:210px;height:254px;}

.saleboxs_book{float:left;width:339px;padding:14px 15px;}
.saleboxs_book a {color: #333;text-decoration: none;}
.saleboxs_book a:hover {text-decoration:none;color:#333;}
.rpage{float:right;}
.saleboxs_book .saboxsbox{display:block;margin:4px 5px;}
.saleboxs_book .saboxsbox img{ border:1px solid #ddd}
.saboxsbox p.saboxs_book{float:left;margin-right:10px;}
.saboxsbox dl{float:left;display:inline-block;color:#333;font-size:12px;line-height:18px; font-weight:bold;overflow: hidden; width:200px;}
.saboxsbox dt.saboxs_sale{color:#ff4e00;padding-bottom:1em;}
.saboxsbox dt.after_sale{color:#999;font-weight:normal;text-decoration: line-through;}
.saboxsbox dt.befor_sale{color:#666;padding-bottom:1em;}
.saboxsbox dt.befor_sale em{color:#e10000;}
.saboxsbox dd.saboxs_txt{color:#666;font-size:11px;font-weight:normal;}
.saleboxs_ribbon{position:absolute;top:3px;left:4px;overflow: visible;width:51px;height:50px;*z-index:9;}
.saleboxs_ribbon span{position:absolute;top:17px;left:12px;overflow: visible;width:38px;font-size:13px;font-weight:bold;color:#FFF;*z-index:10;}

/* Rental Box */
.contenboxs ol.reco_rentalbox li{float:left;width:147px;margin-top:7px;}
.contenboxs ol.reco_rentalbox li a{color: #666666;text-decoration: none;}
.contenboxs ol.reco_rentalbox li a:hover {text-decoration:none;color:#666666;}
.contenboxs ol.reco_rentalbox .contenboxs_bscon{float:left;text-align:center;width:105px;height:200px;margin-left:21px;}
.contenboxs ol.reco_rentalbox .contenboxs_bscon img{border:1px solid #ddd;}
.contenboxs ol.reco_rentalbox span.icon_box{width:23px;text-align:center;display:inline-block;}
.contenboxs ol.reco_rentalbox span{line-height:16px;}
.contenboxs ol.reco_rentalbox span.contenboxs_bti{line-height:24px; font-weight:bold;}
.contenboxs ol.reco_rentalbox span.contenboxs_bti span{line-height:24px; font-weight:bold; background-color:inherit;}

/* UP Rental Box */
/* 2014-09-30 : 수정
.up_rentallis{ margin-top:7px; font-size:11px; margin-left:10px;}*/
.up_rentallis{ margin-top:7px; font-size:11px; margin-left:10px; clear: both;}
.up_rentallis li{height:21px;line-height:21px;padding-left:18px; position:relative;}
.up_rentallis span.separator{color:#aaaaaa;padding:0 3px;}
.up_rentallis span.author{color:#666;}
/* 2014-09-30 : 수정
.up_rentallis span.rating{line-height:21px;vertical-align:middle;width:20px;height:21px;position:absolute; top:0; right:0;}*/
.up_rentallis span.rating{line-height:21px;vertical-align:middle; min-width:20px; max-width:35px; height:21px;position:absolute; top:0; right:0;}
.up_rentallis li a{color: #333;text-decoration: none;}
.up_rentallis li a:hover {text-decoration:none;color:#333;}
.up_rentallis li.uplis01{background:url('http://static.barobook.com/images/home/icon_uplis01.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis02{background:url('http://static.barobook.com/images/home/icon_uplis02.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis03{background:url('http://static.barobook.com/images/home/icon_uplis03.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis04{background:url('http://static.barobook.com/images/home/icon_uplis04.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis05{background:url('http://static.barobook.com/images/home/icon_uplis05.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis06{background:url('http://static.barobook.com/images/home/icon_uplis06.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis07{background:url('http://static.barobook.com/images/home/icon_uplis07.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis08{background:url('http://static.barobook.com/images/home/icon_uplis08.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis09{background:url('http://static.barobook.com/images/home/icon_uplis09.png')  no-repeat 0 4px transparent;}
.up_rentallis li.uplis10{background:url('http://static.barobook.com/images/home/icon_uplis10.png')  no-repeat 0 4px transparent;}


/* Update New Box */
/* 2014-09-30 : 추가 st */
.contenboxs ul.update_newbox { float: left; }
/* 2014-09-30 : 추가 ed */
.contenboxs ul.update_newbox li{float:left;width:134px;margin-top:7px;}
.contenboxs ul.update_newbox li a{color: #666666;text-decoration: none;}
.contenboxs ul.update_newbox li a:hover {text-decoration:none;color:#666666;}
.contenboxs ul.update_newbox li.btn_arrowl{width:21px;margin:55px 6px;}
.contenboxs ul.update_newbox li.btn_arrowr{width:21px;margin:55px 6px;}
.contenboxs ul.update_newbox .contenboxs_bscon{float:left;text-align:center;width:105px;height:206px;margin-left:14px;}
.contenboxs ul.update_newbox .contenboxs_bscon img{border:1px solid #ddd;}
.contenboxs ul.update_newbox span.icon_box{width:23px;text-align:center; display:inline-block;}
.contenboxs ul.update_newbox span{line-height:16px;}
.contenboxs ul.update_newbox span.contenboxs_bti{line-height:24px; font-weight:bold;}
.contenboxs ul.update_newbox span.contenboxs_bti span{line-height:24px; font-weight:bold;background-color:inherit;}

/* Free Series Box */
.free_serieslis{margin-top:7px; margin-left:10px;}
.free_serieslis li{height:21px;line-height:21px;}
.free_serieslis li a{color: #333;text-decoration: none;}
.free_serieslis li a:hover {text-decoration:none;color:#333;}
.free_serieslis span.separator{color:#aaaaaa;padding:0 3px;}
.free_serieslis span.inning{color:#ff4e00;}
.free_serieslis span.author{color:#666;}
.free_serieslis span.rating{float:right;line-height:21px; vertical-align:middle;width:20px;}


/* Dseries Best Box */
.contenboxs ol.dseries_bestbox li{float:left;width:147px;margin-top:7px;}
.contenboxs ol.dseries_bestbox li a{color: #666666;text-decoration: none;}
.contenboxs ol.dseries_bestbox li a:hover {text-decoration:none;color:#666666;}
.contenboxs ol.dseries_bestbox dl.contenboxs_bsti{float:left;width:23px; margin-left:6px;}
.contenboxs ol.dseries_bestbox .contenboxs_bscon{float:left;text-align:center;width:105px;height:200px;margin-left:5px;}
 .contenboxs ol.dseries_bestbox .contenboxs_bscon img{border:1px solid #ddd;}
.contenboxs ol.dseries_bestbox span.icon_box{width:23px;text-align:center; display:inline-block;}
.contenboxs ol.dseries_bestbox span{line-height:16px;}
.contenboxs ol.dseries_bestbox span.contenboxs_bti{line-height:20px; font-weight:bold;display:inline-block; margin-top:2px;}
.contenboxs ol.dseries_bestbox span.contenboxs_bti span{line-height:20px; font-weight:bold;display:inline-block; margin-top:2px;background-color:inherit;}
.contenboxs ol.dseries_bestbox span.con_sre{line-height:18px;color:#ff4e00;margin-left:2px;}

/* Hot Reco Box */
.hot_recolis{margin-top:7px;}
.hot_recolis li{margin-bottom:15px;}

/* Free Box */
.freebox_conti{width:100%;height:35px;background:url('http://static.barobook.com/images/home/bg_freelisti.png')  repeat-x 0 0 transparent;}
.freebox_conti h1{float:left;}
.freebox_conti .box_slide{display:inline-block;height:18px;line-height:18px; margin-left:6px; margin-top:8px;}
.freebox_conti .box_slide img{margin-top:-2px;vertical-align:middle}
.freebox_conti span.box_more{float:right; margin-right:12px; margin-top:10px;color:#666;}
.freebox_conti span.box_more a {color: #666666;text-decoration: none;}
.freebox_conti span.box_more a:hover {text-decoration:none;color:#666666;}
.freebox_conti span.box_more img{padding-bottom:2px; padding-left:2px;}
.freeBooks{height:177px; width:204px;}
.freelis{margin:5px 11px;*zoom:1;}
.freelis li{clear: both; float:left;*zoom:1;}
.freelis li:after {clear: both;content: "";display: block;}
.freelis li img{border:1px solid #ddd;}
.freelis_boxcon{margin-bottom:10px;*margin-bottom:4px;display:inline-block;*zoom:1;*display:block;}
.freelis_boxcon p.freelis_book{float:left;margin-right: 5px;}
.freelis_boxcon p.freelis_book img{border: 1px solid #ddd;}
.freelis_boxcon a{color: #333;}
.freelis_boxcon dl{float: left;margin-right: 5px; margin-top:2px; width: 120px;}
.freelis_boxcon dl dt{color: #333;float: left;font-size: 12px;font-weight: bold;margin-bottom: 4px;overflow: hidden;}
.freelis_boxcon dt.freelis_author{clear: both;color: #888;font-weight:normal;font-size:12px; line-height:16px; width:100%}

/* Multi Area Box */
.multi_areaB{clear:both;*border-top:1px solid #ccc;}
.multi_areaB:after {clear: both;content: "";display: block;}
.multi_areaC{clear:both;}
.multi_areaC:after {clear: both;content: "";display: block;}

/* MD Reco Box */
.mdreco_box{float:left;width:738px;height:297px}
.mdreco_boxti{width:100%;height:32px;}
.mdreco_boxti h1{float:left;}
.mdrecolis{height:265px;}
.mdrecolis ul{position:relative;margin:0;padding:0;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1}
.mdrecolis ul:after{display:block;clear:both;content:""}
.mdrecolis li{float:left;margin-right:2px;}
.mdrecolis li a{float:left;position:relative;border:0;color:#666;text-decoration:none;font-weight:bold;}
.mdrecolis li a span{display:inline-block;height:27px;line-height:27px;cursor:pointer; width:94px; text-align:center;margin-bottom:12px;background:#c8c8c8;}
.mdrecolis li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.mdrecolis li ul:after{display:block;clear:both;content:""}
.mdrecolis.m1 .m1 a,.mdrecolis.m2 .m2 a,.mdrecolis.m3 .m3 a,.mdrecolis.m4 .m4 a,.mdrecolis.m5 .m5 a,.mdrecolis.m6 .m6 ,.mdrecolis.m7 .m7 a{border:0;color:#fff;Background:url('http://static.barobook.com/images/home/bg_tablis.png')  no-repeat 0 27px transparent;}
.mdrecolis.m1 .m1 a span,.mdrecolis.m2 .m2 a span,.mdrecolis.m3 .m3 a span,.mdrecolis.m4 .m4 a span,.mdrecolis.m5 .m5 a span,.mdrecolis.m6 .m6 a span,.mdrecolis.m7 .m7 a span{height:27px;line-height:27px;font-weight:bold;margin-bottom:12px; background-color:#ff4e00;}
.mdrecolis.m1 .m1 ul,.mdrecolis.m2 .m2 ul,.mdrecolis.m3 .m3 ul,.mdrecolis.m4 .m4 ul,.mdrecolis.m5 .m5 ul,.mdrecolis.m6 .m6 ul,.mdrecolis.m7 .m7 ul{display:block}
.mdrecolis.js_off{height:auto}
.mdrecolis.js_off ul{border:0}
.mdrecolis.js_off li{float:none;position:relative}
.mdrecolis.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.mdrecolis.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.mdrecolis.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.mdrecolis.js_off li li.more{top:7px;right:15px}
.mdrecolis li ul.reco_rentalbox li{float:left;width:147px;margin:10px 0 0;}
.mdrecolis li ul.reco_rentalbox li a{color: #666;background:#fff !important;text-decoration: none;}
.mdrecolis li ul.reco_rentalbox li a:hover {text-decoration:none;color:#666666;}
.mdrecolis li ul.reco_rentalbox .contenboxs_bscon{float:left;text-align:center;width:105px;height:200px;margin-left:21px;}
 .mdrecolis li ul.reco_rentalbox .contenboxs_bscon img{border:1px solid #ddd;}
.mdrecolis li ul.reco_rentalbox span{line-height:16px;display:inline-block;}
.mdrecolis li ul.reco_rentalbox span.contenboxs_bti{line-height:24px;font-weight:bold;background:#fff;color:#666;padding:0; margin:0!important;}
.mdrecolis li ul.reco_rentalbox span.contenboxs_bti span{line-height:24px;font-weight:bold;background:#fff;color:#666;padding:0; margin:0!important;background-color:inherit;}

/* Keyword Box */
.key_box{float:right;margin-left:10px;width:210px;height:297px;background-color:#f3f3f3;*margin-top:-1px;}
.keybox_boxti{width:100%;height:45px;}
.keybox_boxti h1{float:left;}
.key_box .rkeyword_boxcon{padding:8px 10px;clear: both;overflow:hidden;height:228px;line-height:18px;text-align:justify;font-size:12px;}
.key_box .rkeyword_boxcon:after {clear: both;content: "";display: block;}
.rkeyword_boxcon p{color:#ccc;}
.rkeyword_boxcon a{color:#767676;}
.rkeyword_boxcon .i1{font-size:12px;color:#999}
.rkeyword_boxcon .i2{font-size:14px;color:#666; font-weight:bold;}

/* Family Box */
.mfamily_box{background-color:#f7f7f7;width:958px;border:1px solid #CCC;height:164px;}
.mfamily_box a{color:#666;}
.mfamily_pm, .mfamily_ij, .mfamily_p, .mfamily_jb{float:left;}
.mfamily_pm{width:188px;height:164px;border-right:1px solid #CCC;}
.mfamily_ij{width:188px;height:164px;border-right:1px solid #CCC;}
.mfamily_p{width:371px;height:164px;border-right:1px solid #CCC;}
.mfamily_jb{width:208px;height:164px;}
.mfamily_pmti, .mfamily_ijti, .mfamily_pti, .mfamily_jbti{padding-left:10px;}
.mfamily_jbti{border-bottom:1px solid #CCC;}
.mfamily_pm .mfamily_banner, .mfamily_ij .mfamily_banner{border:1px solid #CCC;margin:0 12px;}
.mfamily_pcon{float:left;width:185px;}
.mfamily_pcon2{float:left;width:186px;}
.mfamily_pcon .mfamily_banner{border:1px solid #CCC;margin:0 7px 0 15px;}
.mfamily_pcon2 .mfamily_banner{border:1px solid #CCC;margin:0 15px 0 7px;}
.mfamily_box span.mfamily_booktitle{color: #333;}
.mfamily_box span.mfamily_bookspan{color: #CCC;margin:0 2px;}
.mfamily_box span.mfamily_bookauthor{color: #888;}
.mfamily_pmcon li{background:url('http://static.barobook.com/images/home/img_dot3.png') no-repeat 5px 2px;margin:8px 0 0 10px; padding-left:10px;}
.mfamily_ijcon li{background:url('http://static.barobook.com/images/home/img_dot3.png') no-repeat 5px 2px;margin:8px 0 0 10px; padding-left:10px;}
.mfamily_pcon li{background:url('http://static.barobook.com/images/home/img_dot3.png') no-repeat 5px 2px;margin:8px 0 0 10px; padding-left:10px;}
.mfamily_pcon2 li{background:url('http://static.barobook.com/images/home/img_dot3.png') no-repeat 5px 2px;margin:8px 0 0 10px; padding-left:10px;}
.mfamily_jbcon li{background:url('http://static.barobook.com/images/home/img_dot3.png') no-repeat 5px 2px;margin:8px 0 0 10px; padding-left:10px;}

/* Notice Box */
.notice_box{width:944px;height:286px;border:8px solid #eaeaea;margin-bottom:33px;}
.noticearea_box, .eventarea_box{width:312px;height:286px;background:url('http://static.barobook.com/images/home/notice_boxbg.png') no-repeat 100% 0;float:left;}
.noticearea_boxti{height:36px;border-bottom:1px solid #CCC;margin:0 16px;}
.noticearea_boxti h1{float:left;}
.noticearea_boxti span.box_more{float:right; margin-right:12px; margin-top:10px;color:#666;}
.noticearea_boxti span.box_more a {color: #666;text-decoration: none;}
.noticearea_boxti span.box_more a:hover {text-decoration:none;}
.noticearea_boxti span.box_more img{padding-bottom:2px; padding-left:2px;}
.noticearea_boxcon{padding-top:8px;}
.noticearea_boxcon li{background:url('http://static.barobook.com/images/home/img_dot3.png') no-repeat 8px 1px;margin:6px 0 0 10px;*margin:8px 0 0 10px;padding-left:18px;}
.noticearea_boxcon li a {color: #666;text-decoration: none;}
.noticearea_boxcon li a:hover {text-decoration:none;color:#ff5a00;}
.quickservice_boxti{height:36px;border-bottom:1px solid #CCC;margin:18px 16px 0 16px;}
.quickservice_boxti h1{float:left;}
.quickservice_boxcon{ margin:12px 16px 0 16px;}
.quickservice_boxcon li{float:left; margin-right:3px;}
.quickservice_boxcon li.nospan{float:left; margin-right:0;}

/* Event Area Box */
.eventarea_boxti{height:36px;border-bottom:1px solid #CCC;margin:0 16px;}
.eventarea_boxti h1{float:left;}
.eventarea_boxti span.box_more{float:right; margin-right:12px; margin-top:10px;color:#666;}
.eventarea_boxti span.box_more a {color: #666;text-decoration: none;}
.eventarea_boxti span.box_more a:hover {text-decoration:none;}
.eventarea_boxti span.box_more img{padding-bottom:2px; padding-left:2px;}
.eventarea_boxcon{padding-top:8px;}
.eventarea_boxcon li{background:url('http://static.barobook.com/images/home/img_dot3.png') no-repeat 8px 1px;margin:6px 0 0 10px;*margin:8px 0 0 10px;padding-left:18px;}
.eventarea_boxcon li a {color: #666;text-decoration: none;}
.eventarea_boxcon li a:hover {text-decoration:none;color:#ff5a00;}
.eventarea_sbox{border:1px solid #CCC;background-color:#f2f2f2;margin:18px 16px 10px 16px;height:40px;}
.eventarea_sbox h1{float:left;}
.eventarea_sbox .event_keyword{width:140px;height:13px;margin:10px 4px 10px 20px;padding:3px;border:1px solid #a7a6ab;font-size:12px;line-height:15px;float:left;}
.eventarea_sbox span{margin:10px 4px;display:block;}
.quickmenu_box{margin:10px 16px;height:59px;}
.quickmenu_box li{float:left;}
.quickmenu_box li.liner{border-right:1px solid #dfdfdf;}
.quickmenu_box li.lineb{border-bottom:1px solid #dfdfdf;}
.etcarea_boxcon{width:288px;height:239px;background:url('http://static.barobook.com/images/home/etcarea_boxconbg.png') no-repeat 0 0;margin:0 16px;}
.etcarea_boxcon h1{margin:0 14px 0 15px; padding-top:191px;}
.etcarea_box{width:320px;height:286px;float:left;}
.etcarea_boxti{height:36px;margin:0 16px;}
.etcarea_boxti h1{float:left;}