@charset "UTF-8";

@import url(base.css);
@import url(layout.css);

.search_wrap .search .search_box {border:3px solid #00965a;}
.search_wrap .search .search_box .btn_search {background:url('../images/mall/btn.png') no-repeat 0 0 !important;}

.gnb li a, .gnb li .gnb_h {background:url('../images/mall/gnb.gif') no-repeat;}
.gnb li .gnb_h {width:163px;background-position:0 0;}
.gnb .gnb_m1 {width:97px;background-position:-163px 0;}
.gnb .gnb_m2 {width:117px;background-position:-260px 0;}
.gnb .gnb_m3 {width:104px;background-position:-377px 0;}
.gnb .gnb_m4 {width:125px;background-position:-481px 0;}
.gnb .gnb_m5 {width:117px;background-position:-606px 0;}
.gnb .gnb_m6 {width:104px;background-position:-723px 0;}
.gnb .gnb_m7 {width:135px;background-position:-827px 0;}
.gnb .gnb_m1:hover, .gnb .gnb_m1:focus, .gnb .gnb_m1.on {background-position:-163px -46px;}
.gnb .gnb_m2:hover, .gnb .gnb_m2:focus, .gnb .gnb_m2.on {background-position:-260px -46px;}
.gnb .gnb_m3:hover, .gnb .gnb_m3:focus, .gnb .gnb_m3.on {background-position:-377px -46px;}
.gnb .gnb_m4:hover, .gnb .gnb_m4:focus, .gnb .gnb_m4.on {background-position:-481px -46px;}
.gnb .gnb_m5:hover, .gnb .gnb_m5:focus, .gnb .gnb_m5.on {background-position:-606px -46px;}
.gnb .gnb_m6:hover, .gnb .gnb_m6:focus, .gnb .gnb_m6.on {background-position:-723px -46px;}
.gnb .gnb_m7:hover, .gnb .gnb_m7:focus, .gnb .gnb_m7.on {background-position:-827px -46px;}

.login_wrap .title_cata {color:#00965a;}

.board_wrap .board .faq_search .btn {background:url('../images/mall/board_btn.png') no-repeat 100% 0;}
.board_wrap .board .customer {background:url('../images/mall/customer.gif') no-repeat 0 0}
.board_wrap .board .btn_customer {background-image:url('../images/mall/board_btn.png')}
.board_wrap .board .banner1 {height:89px;background:url('../images/mall/banner1.gif') no-repeat 0 0;}
.board_wrap .board .banner a {background-image:url('../images/mall/board_btn.png')}

.info .title, .info .writer {height:16px;overflow:hidden;}
.info .writer {height:14px;overflow:hidden;}

.main h2 {height:27px;background:url('../images/mall/title_main.png') no-repeat;}
.main_view {width:962px;}
.main_view .main_area {position:relative;float:left;width:723px;height:218px;border:1px solid #d3d3d4;}
.main_view .main_area .main_banner1, .main_view .main_area .main_banner2, .main_view .main_area .main_banner3 {overflow:hidden;height:218px;}
.main_view .main_area .main_banner2 {position:relative;width:708px;height:218px;padding-left:5px;overflow:hidden;}
.main_view .main_area .main_banner2 li {float:left;width:176px;padding:19px 0 0;height:199px;border-left:1px dashed #d3d3d4;text-align:center;}
.main_view .main_area .main_banner2 li:first-child {border-left:0}
.main_view .main_area .main_banner2 li .thumb {}
.main_view .main_area .main_banner2 li .info {width:130px;margin:0 auto;}
.main_view .main_area .main_banner2 li .info .title, .main_view .main_area .main_banner2 li .info .title a {height:20px;font-size:14px;font-weight:bold;padding:7px 0 2px;}
.main_view .main_area .main_banner3 {}
.main_view .main_area .main_banner3 li {float:left;width:211px;height:182px;padding:19px 14px 17px;border-left:1px dashed #d3d3d4}
.main_view .main_area .main_banner3 li:first-child {border-left:0}
.main_view .main_area .main_banner3 li .thumb {float:left;width:86x;height:132px;}
.main_view .main_area .main_banner3 li .info {float:left;width:112px;height:132px;padding-left:12px;}
.main_view .main_area .main_banner3 li .txt {clear:both;width:209px;height:54px;margin-top:16px;border:1px solid #85d2b9;}
.main_view .rt_new {position:relative;float:right;overflow:hidden;width:207px;height:198px;padding:20px 0 0 10px;background:#f2faf7;border:1px solid #66c7a7;}
.main_view .rt_new h2 {background-position:0 -2px;}
.main_view .rt_new .ico {position:absolute;top:0;left:190px;}
.main_view .rt_new .thumb {float:left;width:104px;}
.main_view .rt_new .info {float:left;width:98px;padding-top:9px;}
.main_view .rt_new .info .title {height:20px;font-size:14px;font-weight:bold;}
.main_view .rt_new .info .summery {padding-top:15px;}
.main_view .main_area .btn_nav {width:725px;height:35px;}
.main_view .main_area .btn_nav a {position:absolute;top:91px;display:block;width:35px;height:35px;background:url('../images/mall/btn_nav1.png') no-repeat;}
.main_view .main_area .btn_nav .btn_prev {left:0;background-position:0 0;}
.main_view .main_area .btn_nav .btn_next {right:0;background-position:100% 0;}

.new_book {position:relative;width:715px;float:left;overflow:hidden;padding-top:28px;margin-bottom:20px;}
.new_book h2 {width:715px;background-position:0 -34px;}
.new_book .title_ico {position:absolute;top:20px;left:120px;}
.new_book .book_list {width:713px;height:693px;border:1px solid #fda56a;background:#fff8f0;}
.new_book .book_list ul {margin-top:30px;padding-left:7px;}
.new_book .book_list li {float:left;width:100px;height:221px;padding:0 20px;}
.new_book .book_list li .thumb {width:92px;}
.new_book .book_list li .info {width:100px;}
.new_book .book_list li .info .title {font-weight:bold}

.best_book {position:relative;float:left;width:222px;height:470px;padding-top:28px;margin-left:25px;}
.best_book .tab_best {height:27px;background:url('../images/bg_tab.gif') repeat-x left bottom;}
.best_book .tab_best li {float:left;width:83px;}
.best_book .week h2 {background-position:0 -469px;}
.best_book .month h2 {background-position:-83px -469px;}
.best_book .week.on h2 {background-position:0 -499px;} 
.best_book .month.on h2 {background-position:-83px -499px;}

.tab_week a {width:74px;}
.tab_week .week1 {background-position:0 0;}
.tab_week .week2 {background-position:-74px 0;}
.tab_week .week3 {background-position:-148px 0;}
.tab_week .week1.on {background-position:0 -32px;}
.tab_week .week2.on {background-position:-74px -32px;}
.tab_week .week3.on {background-position:-148px -32px;}

.tab_month a.jul {margin-right:0;background-position:-192px 0;}

.rank_list li.rank1 {height:127px;padding-left:0;}
.rank_list {margin:19px 0 0 0;}
.rank_list li {position:relative;margin-top:6px;height:16px;padding-left:28px;}
.rank_list li .title {font-weight:bold;color:#000;}
.rank_list .thumb {float:left;width:91px;padding-left:28px;}
.rank_list .info .summery {padding-top:9px;}

.md_choice {position:relative;float:left;width:222px;height:249px;margin-left:25px;}
.md_choice h2 {background-position:0 -64px;}
.md_choice .thumblist_wrap {padding-top:4px;border-top:2px solid #d3d3d4;}
.md_choice .md_area {position:relative;overflow:hidden;width:220px;height:215px;border:1px solid #d3d3d4;background:#f7f7f7;}
.md_choice .md_area li {float:left;width:158px;padding:18px 30px 10px}
.md_choice .md_area li .thumb {width:108px;margin-left:34px;}
.md_choice .md_area li .thumb .ico {top:-3px;}
.md_choice .md_area li .info {text-align:center;padding-top:5px;}
.md_choice .md_area li .info .writer {padding-top:3px}
.md_choice .btn_nav {position:absolute;top:124px;width:222px;}
.md_choice .btn_nav a {display:inline-block;width:35px;height:35px;background:url('../images/btn_nav2.png') no-repeat;}
.md_choice .btn_nav .btn_prev {position:absolute;left:0;background-position:0 0;}
.md_choice .btn_nav .btn_next {position:absolute;right:0;background-position:100% 0;}

.forg_wrap, .bl_wrap, .novel_wrap {position:relative;clear:both;overflow:hidden;padding:0 0 0;border:1px solid #d3d3d4;}
.forg_wrap .ico_nav, .bl_wrap .ico_nav {position:absolute;right:19px;top:18px;}
.forg_wrap {padding-top:20px;}
.forg_wrap  h2 {margin-left:25px;background-position:0 -95px;}
.bl_wrap {margin-top:10px;padding-top:20px;}
.bl_wrap  h2 {margin-left:25px;background-position:0 -125px;}
.thumblist {position:relative;overflow:hidden;width:950px;height:215px;margin-left:25px;}
.thumblist li {float:left;width:135px;height:215px}
.thumblist li .info {width:115px;}
.novel_wrap {margin-top:10px;padding-top:0;overflow:hidden;}
.novel_wrap .harl, .novel_wrap .n_novel {float:left;position:relative;padding-top:20px;}
.novel_wrap .harl .ico_nav, .novel_wrap .n_novel .ico_nav {position:absolute;right:19px;top:18px;}
.novel_wrap .harl {width:545px;border-right:1px dashed #d3d3d4;}
.novel_wrap .harl .thumblist {width:540px;}
.novel_wrap .n_novel {width:414px}
.novel_wrap .n_novel .thumblist {width:405px;}
.novel_wrap .harl h2 {margin-left:25px;background-position:0 -154px;}
.novel_wrap .n_novel h2 {margin-left:25px;background-position:0 -186px;}

.serial_list {position:relative;float:left;width:466px;height:260px;margin-top:30px}
.extra_event_list {position:relative;float:left;width:466px;height:260px;margin:30px 0 0 30px;}
.serial_list .ico_nav, .extra_event_list .ico_nav {position:absolute;right:0;top:0;}
.serial_list .thumblist, .extra_event_list .thumblist {width:480px;margin-left:0;padding-top:13px;}
.serial_list .thumblist li, .extra_event_list .thumblist li {width:120px;}
.serial_list .thumblist li .info, .extra_event_list .thumblist li .info {width:105px;}
.extra_event_list .thumblist .thumb {width:92px;}
.serial_list h2 {background-position:0 -217px;border-bottom:2px solid #d3d3d4;}
.extra_event_list h2 {background-position:0 -247px;border-bottom:2px solid #d3d3d4;}
.extra_event_list h2 {background-position:0 -427px;border-bottom:2px solid #d3d3d4;}

.event_list {position:relative;clear:both;overflow:hidden;border:1px solid #fda56a;margin:0 0 30px;background:#fff8f0;}
.event_list .sale, .event_list .event {float:left;padding-top:20px;}
.event_list .sale {width:366px;border-right:1px dashed #fdb07b;}
.event_list .event {width:593px;}
.event_list .sale h2 {margin-left:25px;background-position:0 -367px;}
.event_list .event h2 {margin-left:25px;background-position:0 -398px;}
.event_list .event .ico_nav {position:absolute;right:19px;top:18px;}
.event_list .sale_list {position:relative;overflow:hidden;width:333px;height:235px;margin-left:24px;}
.event_list .sale_list li {float:left;width:111px;height:235px;padding:3px 0 0}
.event_list .sale_list li .thumb {width:104px;}
.event_list .sale_list li .thumb .ico {top:-3px;}
.event_list .sale_list li .info .writer {padding-top:3px}
.event_list .sale_list li .info .price span {font-weight:normal;font-size:12px;color:#000;text-decoration:line-through}
.event_list .sale_list li .info .price {font-size:14px;}
.event_list .event .thumblist li {width:142px;}
.event_list .event .thumblist .thumb {width:117px;}

.steady_wrap {float:left;width:380px;overflow:hidden;margin-bottom:30px;}
.steady_wrap h2 {background-position:0 -276px;}
.steady_wrap .steady_list {width:330px;height:324px;padding:24px 0 0 24px;border:1px solid #d3d3d4;background:#f7f7f7;}
.steady_wrap .steady_list li {width:353px;height:160px;}
.steady_wrap .steady_list .thumb, .steady_wrap .steady_list .info {float:left;}
.steady_wrap .steady_list .thumb {width:108px;}
.steady_wrap .steady_list .info {width:190px;}
.steady_wrap .steady_list .info .title {font-size:14px;padding-bottom:5px;}
.steady_wrap .steady_list .info .price {padding:4px 0 3px} 
.steady_wrap .steady_list .info .summery {padding-top:12px;}

.writer_wrap {float:left;width:582px;}
.writer_wrap h2 {background-position:0 -307px;}
.writer_wrap .thumblist {margin:20px 0 0 0;}
.writer_wrap .thumblist li {width:125px;margin-left:30px;}
.writer_wrap .thumblist li:first-child {margin:0;}
.writer_wrap .thumblist .thumb {width:117px;}

.reader_wrap {clear:both;overflow:hidden;position:relative;margin-bottom:50px;}
.reader_wrap h2 {background-position:0 -337px;}
.reader_wrap .ico_nav {position:absolute;right:0;top:0;}
.reader_wrap .thumblist_wrap {padding-top:18px;}
.reader_wrap .reader_list {position:relative;overflow:hidden;height:163px;}
.reader_wrap .reader_list li {float:left;width:320px;}
.reader_wrap .reader_list .thumb, .reader_wrap .reader_list .info {float:left;}
.reader_wrap .reader_list .thumb {width:128px;}
.reader_wrap .reader_list .info {width:155px;}
.reader_wrap .reader_list .info .title {font-size:14px;padding-bottom:5px;}
.reader_wrap .reader_list .info .price {padding:4px 0 3px} 
.reader_wrap .reader_list .info .g_point {}
.reader_wrap .reader_list .info .g_point .reader_id {padding-left:10px;color:#000}
.reader_wrap .reader_list .info .g_point .graph {margin:0 10px 0 0  !important;}
.reader_wrap .reader_list .summery {padding-top:12px;clear:both;}

.btn_area a {display:block;overflow:hidden;background:url('../images/ebook/btn.png') no-repeat;}
.btn_area .btn_more {position:absolute;top:15px;right:15px;width:52px;height:20px;background-position:-72px 0;}