/* ------------- 서브 아티클 영역 ------------- */
/* -------------------------------------------------- */
article hgrounp { margin:10px 0; }
article h1 { font-size:1.1em; font-family:NanumGothic; padding:0 0 5px 0; border-bottom:2px solid #666; letter-spacing:2px; }
article h2 { font-size:0.75em; font-weight:normal; padding-top:5px; }
section#new_book { width:auto; padding:7px 10px; margin-top:10px; font-size:0.75em; border:1px solid #666; border-radius:10px; overflow:hidden; }
section#new_book #carousel_ul { position:relative; left:-135px;/* 마진을 포함해서 리스트 아이템의 폭을 정함 */
 list-style:none; margin:0; padding:0; width:9999px;/* 스크롤되는 이미지 전체의 길이를 결정합니다. */ padding-bottom:10px; }
section#new_book #carousel_ul li { float:left; width:135px; padding:0; margin:10px 5px; }
section#new_book h3 { padding:0 0 5px 0; margin:0 0 5px 0; text-indent:-7000px; /* 글자를 감춤 */
 background:url(../imgs/list_box_title.png) no-repeat left center; height:24px; }
section#new_book #book { text-align:center; }
section#new_book #book .sort, section#new_book #book .title, section#new_book #book .writer { padding:2px 0; }
section#new_book #book .title a, section#new_book #book .price { font-weight:bold; }
section#new_book #book .price span { font-weight:normal; text-decoration:line-through; }

/* ------------- carousel 슬라이드 영역 ------------- */
/* -------------------------------------------------- */
section#new_book #carousel_inner { float:left; width:725px; overflow:hidden;/* 책들이 감춰짐 */ }
section#new_book #left_scroll, section#new_book #right_scroll { float:left; width:14px; padding-top:70px; }

/* ------------- sorting 영역 ------------- */
/* -------------------------------------------------- */
#sorting ul { float:right; list-style:none; font-size:0.75em; }
#sorting ul li { float:left; background:url(../imgs/menu_line.png) no-repeat right; margin:7px 0; padding:0 10px; }
#sorting ul li a.active { font-weight:bold; }
#sorting ul li.no_line { background:none; }

/* ------------- 상품리스트 영역 ------------- */
/* -------------------------------------------------- */
article table#list_view { width:100%; border-collapse:collapse; /* 이 효과는 테이블에 cellpadding과 cellspacing을 0 준것과 같음  */
border-top:2px solid #333; font-size:0.75em; color:#333; margin-top:20px; }
article table#list_view td { padding:10px 0; margin:0; border-bottom:1px dotted #999; }
article table#list_view h2 { font-size:1.2em; padding:0 0 2px 0; font-weight:bold; }
article table#list_view td.goods_image { width:80px; }
article table#list_view td.goods_description { width:500px; padding-left:5px; }
article table#list_view td.goods_description .writer_press { padding:2px 5px; color:#36f; }
article table#list_view td.goods_description p { line-height:1.2em; }
article table#list_view td.price { width:70px; padding:0 0 0 10px; }
article table#list_view td.price span { text-decoration:line-through; }
article table#list_view td.price strong { font-weight:bold; color:#f00; }
article table#list_view td.buy_btns { width:80px; padding-left:5px; }
article table#list_view td.buy_btns ul { list-style:none; }
article table#list_view td.buy_btns ul li { margin:5px 0; }
article table#list_view td.buy_btns ul li a { padding:5px 12px; text-align:center; display:block;/* 버튼 이미지를 만들기 위해 */
border:1px solid #999; border-radius:3px; }
article table#list_view td.buy_btns ul li a:hover { background:#003366; color:#fff; }

/* ------------- 컨트롤 영역 ------------- */
/* -------------------------------------------------- */
article #page_wrap { width:400px; margin:10px auto 50px auto; padding:0; }
article ul#page_control { font-size:11px; padding:0; list-style:none; }
article ul#page_control li { padding:0 5px; float:left; } 
article ul#page_control li a { display:block; padding:2px 5px; border:1px solid #ccc; }
article ul#page_control li a:hover { color:#f00; border:1px solid #f00; }
article ul#page_control li a.no_border { border:none; padding-top:3px; }
article ul#page_control li .page_control_active { background:#fff; color:#f00; border:1px solid #f00; }