@charset "utf-8";
@import url("common/common.css");
@import url("_sprite_main.css");
body { 
	margin: 0; padding: 0; font-family: Nanum Gothic, dotum, Verdana, Geneva, sans-serif; 
	background-color: #fff; color: #888; font-size: 11px;
	padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin: 0px;
	line-height: 1.5em; 
}
.webwidget_vertical_menu ul li a{
   
    text-decoration: none;
    font-weight:400;
}
.webwidget_vertical_menu ul li  ul li a:hover, a:after, a:focus {
/*
	color:#FFF;
	font-color:#fff;
*/
	color: #444; text-decoration: underline; 
}
.webwidget_vertical_menu ul li ul{
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 20;
    padding:10px 0 10px 10px;
    border:1px solid #010101;
    color:#656565;
   
    
}
.webwidget_vertical_menu ul li ul li{
    margin: 0px;
    border:none;
    padding-left:10px;
    
}
.webwidget_vertical_menu ul li ul li ul{
	margin-left:10px;
 	margin-top:-5px;
  z-index:999;
}
/* book */
#container { z-index: 20; position: relative; text-align: left; padding-bottom: 0px; width: 100%; }
#container:after { display: block; clear: both; content: ''; }
#container .content { width: 930px; margin: 0 auto; text-align: left; }
#container .content .left { width: 200px; }
#container .content .left .left_top { height: 385px;}
#container .content .left .left_top li { height: 35px; line-height: 35px;}
#container .content .left .left_news_tab { width: 198px; height: 118px; border: 1px solid #bdbdbd; clear:both; } 
#container .content .left .left_news_tab ul.li li { background: url(../../images/book/common/li_bg_dot.gif) no-repeat 0 0px; width: 180px; padding-left: 10px; margin-left: 8px; margin-top: 6px;} 
#container .content .left .left_news_tab ul.li .sub{width: 180px; padding-left: 10px; margin-left: 8px; margin-top: 15px; line-height:25px;} 
#container .content .left .left_bottom { height: 76px;  }
#container .content .left .left_bottom li { height: 38px; line-height: 38px; }
#container .content .right { width: 730px;  float: right; }
#container .content .right .right_top { position: absolute; top: 0; width: 729px; height: 386px; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; }
#container .content .right .right_top ul.event_img li { height: 251px;  }
#container .content .right .right_top ul.event_title li { height: 30px; line-height: 30px; }
#container .content .right .right_top ul.event_item li {height: 103px; }
#container .content .right .right_bottom { position: absolute; top: 387px; width: 730px; height: 200px; background: url(../../images/book/main/newbook_bg.jpg) no-repeat 0 0px; }
#container .content .right .right_bottom .new_arrival { float: left; width: 600px; height: 175px; margin-top: 50px; margin-left: 80px; border: 0px solid #ddd; }
#container .content .right .right_bottom .new_arrival li { width: 120px; height: 175px; background: url(../../images/book/main/newbook_bookshadow.png) no-repeat 77px 2px; }
#container .content .right .right_bottom .new_arrival li span { display: block; margin-top: 20px; width: 100px; font-weight: bold; text-align: center; }

#bottom_banner { float:left; width:930px; height:240px;}

#bestseller { width:930px; float:left;  border: 1px solid #bdbdbd; }
#bestseller #best_left { width:199px; float:left;}
#bestseller #best_mid {  float:left; border-right: 1px solid #bdbdbd; }
#bestseller #best_right {  float:left; }




/* #slides */
.slides_container {	width:600px; display:none; }
.slides_container div { width:600px; height:185px; display:block; }
#slides .next,#slides .prev { position:absolute; top:100px; left: 40px; width:14px; height:27px; display:block; z-index:101; }
#slides .next { left:685px; 	}
/* //#slides */
/* #slides2 */
.slides_container2 {	width:600px; display:none; }
.slides_container2 div { width:600px; height:175px; display:block; }
#slides2 .next,#slides2 .prev { position:absolute; top:100px; left: 40px; width:14px; height:27px; display:block; z-index:101; }
#slides2 .next { left:685px; 	}
/* //#slides */
/*게시판*/
#container .content .right_bbs{ float:left; padding:30px 0 0 26px; width:703px;}
/*게시판*/
#container .content .tail { float: left; width: 930px; margin-top: 10px; } 

#container .content .tail .book_tab { width: 100%; height: 430px; border: 0px solid #bdbdbd; margin-top: 10px; }
#container .content .tail .book_tab #tabs {width: 925px; height: 424px;  }
#container .content .tail .book_tab #tabs ul { background:; background-color: #fff; border: 0; border-bottom: 1px solid #bdbdbd; margin: 0; padding: 0;}
#container .content .tail .book_tab #tabs .tab_item { width: 148px; margin-top: 20px; overflow:hidden; text-align: center;  float: left; font-weight:400; }
#container .content .tail .book_tab #tabs .tab_item img { padding-bottom: 8px; }
#container .content .tail .book_tab #tabs .tab_item .price { color: #d80000; font-weight:400; }
#container .content .tail .cscenter { width: 100%; height: 145px; margin-top: 20px; background: url(../../images/book/main/footer_line.gif) repeat-x 0 0; }
#container .content .tail .cscenter  .csleft { width: 270px; height:165px;  float: left; display:inline;   }
#container .content .tail .cscenter  .csleft ul li { margin-top:20px; margin-left:10px;  }
#container .content .tail .cscenter  .csmiddle { width: 320px; height:165px;  float: left; display:inline; }
#container .content .tail .cscenter  .csmiddle ul {margin-top:20px; margin-left:30px; width: 320px;}
#container .content .tail .cscenter  .csmiddle ul li { display:inline;  }
#container .content .tail .cscenter  .csmiddle .csmbanner {   float: left; display:inline;  }
#container .content .tail .cscenter  .csmiddle .csmbanner ul {margin-top:20px; }
#container .content .tail .cscenter  .csmiddle .csmbanner ul li {display:inline; }
#container .content .tail .cscenter  .csmiddle .csquickbanner{   float: left; display:inline; }
#container .content .tail .cscenter  .csmiddle .csquickmbanner ul { margin-top:20px;  }
#container .content .tail .cscenter  .csmiddle .csquickmbanner ul li { display:inline;  }
#container .content .tail .cscenter  .csright { float: left;display:inline; margin:20px 0 0 20px; width: 261px;}
#container .content .tail .cscenter  .csright>div>ul>div {margin-top:8px;}
#container .content .tail .cscenter  .csright>div>ul>div>p>a {line-height:20px;}
#container .content .cscenter  .csright .latest_title  { width:229px; margin-top:20px; margin-left:30px;  }
#container .content .cscenter  .csright .latest_title .more  { float:right; vertical-align:bottom; padding-top:5px;}
#container .content .cscenter  .csright .latest_contents{clear: both;}
#container .content .cscenter  .csright .latest_contents img  { vertical-align:middle; margin-bottom:2px;}
#container .content .cscenter  .csright .latest_contents ul  { /*float: left; */margin-top:10px;}
#container .content .cscenter  .csright .latest_contents div  { float: right}
#container .content .cscenter  .csright .latest_contents li { background: url(../../images/popkon/common/bbs_icon.gif) no-repeat 0px 6px; padding-left: 12px; height:22px; width:300px;}
	.new-center-wrap {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:16px}	
	
	
	/* ----------------------------------------------------- */
	/* navigation styles - BEGIN */ 
	
	
	
	/* style for vertical nav */	
	#navigation_vert {width:320px; clear:both; padding:0 0 0 0; margin:0 auto}
	#navigation_vert  ul {height:50px; display:block}
	#navigation_vert  ul li {display:block; width:200px; height:50px; background:#999; margin:0 0 1px 0; position:relative}
	#navigation_vert  ul li a.navlink {display:block; *display:inline-block; width:200px; height:30px; padding: 20px 0 0 0; text-align:center; color:#fff; text-decoration:none}
	#navigation_vert .dropdown {position:absolute; padding:20px; border-bottom-right-radius:10px; border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px}
	
		/* style for each drop down - horizontal */
		#navigation_horiz ul li #dropdown_one {background:#ccc; color:#fff}
		#navigation_horiz ul li #dropdown_one a {color:red}
		#navigation_horiz ul li #dropdown_two {background:#ccc; color:#fff}
		#navigation_horiz ul li #dropdown_two a {color:black}
		#navigation_horiz ul li #dropdown_three {background:#ccc; color:#fff}	
		#navigation_horiz ul li #dropdown_three a {color:gray}
		
		/* style for each drop down - vertical */
		#navigation_vert ul li #dropdown_four {background:#333; color:#fff}
		#navigation_vert ul li #dropdown_four a {color:red}
		#navigation_vert ul li #dropdown_five {background:#666; color:#fff}
		#navigation_vert ul li #dropdown_five a {color:black}
		#navigation_vert ul li #dropdown_six {background:#777; color:#fff}	
		#navigation_vert ul li #dropdown_six a {color:orange}

	/* navigation styles - END */ 
	/* ----------------------------------------------------- */

	/*- add by classic2u for book main push/best item -*/
	.item_push a { position: relative; top: 26px; left: 310px; line-height: 0; text-decoration: none; font-size: 12px }
	.item_best a { position: relative; top: 26px; left: 310px; line-height: 0; text-decoration: none;  font-size: 12px }
	.price_new { position: relative; top: -30px; left: 0px; line-height: 0; text-decoration: none; color: #d80000; font-weight:400; }
	/*- add by classic2u for book main push/best item -*/