@charset "utf-8";
/* 신영미디어 CSS Document */

/* reset */
html{overflow-y:scroll;}
body,html{width:100%;height:100%;}
body,h1,h2,h3,h4,h5,h6,p,a,address,div,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,select,button,textarea{margin:0;padding:0;}
body{font-size:12px;color:#666;line-height:15px;font-family:Dotum,sans-serif;background:white url(/images/common/bg.gif) 0 0 repeat-x;}
img,fieldset{border:none;}
a{text-decoration:none;}
address,em{font-style:normal;}
input,textarea{font-family:Dotum,sans-serif;}
li{list-style:none;}
button{float:left;text-indent:-9999px;border:none;background:none;cursor:pointer;}
hr{display:none;}
.blind{visibility:hidden;position:absolute;top:-9999px;width:0;height:0;line-height:0;overflow:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}
.overText{text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.inputBt{cursor:pointer;}

/* Selects */
.jqTransformSelectWrapper{position:relative;float:left;height:17px;padding:0 2px 0 4px;}
.jqTransformSelectWrapper div span{position:absolute;left:0;top:0;float:left;height:15px;padding:1px 0 1px 4px;overflow:hidden;text-align:left;font-size:12px;color:#e5848c;line-height:15px;white-space:nowrap;background:none;cursor:pointer;}
/*.jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;right:0px;height:20px;background:url(../img/input/select_right.gif) no-repeat center center;}*/
.jqTransformSelectWrapper ul{display:none;position:absolute;top:20px;left:0px;z-index:100;padding:0 2px 0 4px;overflow:auto;overflow-y:auto;background-color:white;}
.jqTransformSelectWrapper ul a{display:block;text-decoration:none;text-align:left;font-size:12px;color:#e5848c;background:white;}
.jqTransformSelectWrapper ul a.selected{}
/* Hidden - used to hide the original form elements */
.jqTransformHidden{display:none;}

#wrap{position:relative;width:100%;}
#header{position:relative;z-index:100;width:940px;height:173px;margin:0 auto 4px;}
#header h1{position:absolute;top:54px;left:22px;}
#header .utility1{position:absolute;top:4px;left:0;}
#header .utility1 li{float:left;}
#header .utility1 a{float:left;margin:0 17px 0 0;padding:0 7px 0 0;font-size:11px;color:#939393;letter-spacing:-1px;background:url(../images/common/arrow1.gif) right 4px no-repeat;}
#header .utility2{position:absolute;top:2px;right:4px;}
#header .utility2 li{float:left;margin:0 7px 0 0;padding:2px 8px 0 0;background:url(../images/common/line1.gif) right 4px no-repeat;}
#header .utility2 li.first{padding:0;background:none;}
#header .utility2 li.first img{float:left;}
#header .utility2 li.last{margin:0;padding:2px 0 0;background:none;}
#header .utility2 li strong{padding:0 9px 0 0;background:url(../images/common/arrow2.gif) right 4px no-repeat;}
#header .utility2 a{float:left;font-size:11px;color:#939393;letter-spacing:-1px;}
#header .search{position:absolute;top:50px;left:224px;z-index:100;width:443px;height:17px;padding:49px 0 0 20px;background:url(../images/common/search_bg.gif) 0 0 no-repeat; }
#header .search .inputText{position:absolute;top:11px;left:104px;width:171px;height:17px;padding:0 9px;font-size:12px;color:#f1c0c4;line-height:15px;border:none;background:none;}
#header .search .inputBt{position:absolute;top:3px;left:400px;}
#header .search .mainSearch,#header .search .jqTransformSelectWrapper{position:absolute;top:11px;left:14px;}
#header .search .best{width:100%;}
#header .search .best dt{float:left;margin:0 7px 0 0;}
#header .search .best dt img{float:left;}
#header .search .best .txt{float:left;width:166px;font-size:11px;color:#d1849b;letter-spacing:-1px;}
#header .search .best .txt a{font-size:11px;color:#d1849b;}
#header .search .best .btn{position:absolute;top:49px;left:253px;width:13px;height:13px;background:url(../images/common/search_best_btn.gif) center center no-repeat;}
#header .search .best .btn button{width:13px;height:13px;}
#header .search .best .all{position:absolute;top:29px;left:265px;width:177px;padding:0 0 9px;font-size:11px;color:#939292;letter-spacing:-1px;}
#header .search .best .all p{position:absolute;bottom:0;left:0;width:100%;height:9px;text-indent:-9999px;background:url(../images/common/search_best_all_bg2.gif) 0 bottom no-repeat;}
#header .search .best .all div{width:156px;min-height:30px;height:auto !important;height:30px;padding:10px 8px 0 13px;background:url(../images/common/search_best_all_bg1.gif) 0 0 no-repeat;}
#header .search .best .all div a{font-size:11px;color:#939292;letter-spacing:-1px;}
#header .search .best .all div a strong{color:#e2668f;}
#header .banner{position:absolute;top:44px;left:686px;width:170px;height:70px;overflow:hidden;}
#header .banner .slides_container{width:170px;height:70px;}
#header .banner a{float:left;}
#header .banner a img{float:left;width:170px;height:70px;}
#header .banner .prevBt{position:absolute;top:55px;left:56px;z-index:100;width:14px;height:15px;border-right:1px solid #e8e8e8;background:url(../images/common/prev1.gif) 0 0 no-repeat;}
#header .banner .nextBt{position:absolute;top:55px;left:71px;z-index:100;width:14px;height:15px;background:url(../images/common/next1.gif) 0 0 no-repeat;}
#header .banner .prevBt button,#header .banner .nextBt button{width:14px;height:15px;}
#header .banner .pagination{display:none;}
#header .sitemap{position:absolute;top:116px;right:0;z-index:100;}
#header .sitemap .btn{width:71px;height:19px;background:url(../images/common/sitemap_btn.gif) 0 0 no-repeat;}
#header .sitemap .btn button{width:71px;height:19px;}

#gnb{position:absolute;top:135px;left:0;z-index:90;float:left;width:940px;}
#gnb li,#gnb a,#gnb img{float:left;}
#gnb li .depth2{position:absolute;top:38px;padding:0 0 8px;}
#gnb li .depth2 ul{padding:0 0 0 16px;}
#gnb li .depth2 ul li{width:100%;height:16px;padding:4px 0 0;}
#gnb li .depth2 .category{padding:0 0 7px 10px;}
#gnb li .depth2 .category li{height:20px;padding:0;}
#gnb .gnb1 .depth2{left:0;width:91px;background:url(../images/common/depth2_1_bg2.gif) 0 bottom no-repeat;}
#gnb .gnb1 .depth2 ul{background:url(../images/common/depth2_1_bg1.gif) 0 0 repeat-y;}
#gnb .gnb1 .depth2 .category{background:url(../images/common/category1.gif) 0 bottom no-repeat;}
#gnb .gnb2 .depth2{left:89px;width:110px;background:url(../images/common/depth2_2_bg2.gif) 0 bottom no-repeat;}
#gnb .gnb2 .depth2 ul{background:url(../images/common/depth2_2_bg1.gif) 0 0 repeat-y;}
#gnb .gnb2 .depth2 .category{background:url(../images/common/category2.gif) 0 bottom no-repeat;}
#gnb .gnb3 .depth2{left:197px;width:143px;background:url(../images/common/depth2_3_bg2.gif) 0 bottom no-repeat;}
#gnb .gnb3 .depth2 ul{background:url(../images/common/depth2_3_bg1.gif) 0 0 repeat-y;}
#gnb .gnb3 .depth2 .category{background:url(../images/common/category3.gif) 0 bottom no-repeat;}
#gnb .gnb4 .depth2{left:338px;width:161px;background:url(../images/common/depth2_4_bg2.gif) 0 bottom no-repeat;}
#gnb .gnb4 .depth2 ul{background:url(../images/common/depth2_4_bg1.gif) 0 0 repeat-y;}
#gnb .gnb4 .depth2 .category{background:url(../images/common/category4.gif) 0 bottom no-repeat;}
#gnb .gnb5 .depth2{left:497px;width:148px;background:url(../images/common/depth2_5_bg2.gif) 0 bottom no-repeat;}
#gnb .gnb5 .depth2 ul{background:url(../images/common/depth2_5_bg1.gif) 0 0 repeat-y;}
#gnb .gnb5 .depth2 .category{background:url(../images/common/category5.gif) 0 bottom no-repeat;}

#snb{position:absolute;top:135px;left:644px;z-index:90;float:left;width:273px;padding:0 0 0 23px;background:url(../images/common/snb_bg.gif) 0 0 no-repeat;}
#snb li,#snb a,#snb img{float:left;}

#contents{position:relative;z-index:90;width:940px;margin:0 auto;padding:0 10px 50px;}
#contents .section1{position:relative;width:100%;height:220px;}
#contents .section2{position:relative;float:left;width:734px;}
#contents .section3{position:relative;float:right;width:202px;padding:8px 0 0;}

#contents .section1 .sell{position:relative;float:left;width:200px;height:180px;padding:25px 0 0;overflow:hidden;}
#contents .section1 .sell .displayNone {display:none;}
#contents .section1 .sell .displayBlock {display:block;}
#contents .section1 .sell .tab1 .button{position:absolute;top:0;left:20px;z-index:90;width:82px;height:25px;background:url(../images/main/sell_tab1.gif) 0 0 no-repeat;}
#contents .section1 .sell .tab1 .button button{width:82px;height:25px;}
#contents .section1 .sell .tab2 .button{position:absolute;top:0;left:96px;z-index:90;width:104px;height:25px;background:url(../images/main/sell_tab2.gif) 0 0 no-repeat;}
#contents .section1 .sell .tab2 .button button{width:104px;height:25px;}
#contents .section1 .sell .tab1 .button.on{z-index:95;background-position:0 -25px;}
#contents .section1 .sell .tab2 .button.on{z-index:95;background-position:0 -25px;}
#contents .section1 .sell .tab1 .tabContents{position:absolute;top:25px;left:0;width:193px;height:177px;padding:3px 7px 0 0;background:url(../images/main/sell_bg1.gif) 0 0 no-repeat;}
#contents .section1 .sell .tab1 .tabContents ul{float:right;}
#contents .section1 .sell .tab1 .tabContents ul li{display:inline;float:left;margin:0 0 0 5px;}
#contents .section1 .sell .tab1 .tabContents ul li .dot{position:relative;width:10px;height:10px;z-index:100;background:#c5c5c5;}
#contents .section1 .sell .tab1 .tabContents ul li .dot button{width:10px;height:10px;}
#contents .section1 .sell .tab1 .tabContents ul li .dot.on{background:#6b6b6b;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents{position:absolute;top:0;left:0;z-index:90;width:194px;height:177px;padding:3px 0 0 6px;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .book{float:left;margin:10px 9px 6px 0;padding:3px;border:1px solid #e8e8e8;background:white;}

#contents .section1 .sell .tab1 .tabContents ul li .dotContents .sale{}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .title{margin:0 0 2px;font-size:11px;color:#969595;font-weight:bold;letter-spacing:-1px;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .title strong{display:block;font-size:14px;color:#96556a;line-height:22px;font-weight:bold;letter-spacing:-1px;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .title strong img{margin:0 0 0 2px;vertical-align:2px;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .txt{width:160px;height:45px;margin:0 auto;overflow:hidden;word-wrap:break-word;font-size:11px;color:#b6b5b5;line-height:16px;}

#contents .section1 .sell .tab1 .tabContents ul li .dotContents .day{margin:0 0 2px;font-size:12px;color:#7b7a7b;font-weight:bold;letter-spacing:-1px;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .day span{padding:0 4px;background:#f2f2f2;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .money{display:block;overflow:hidden;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .money .normal{padding:0 4px;font-size:12px;color:#b6b5b5;letter-spacing:-1px;white-space:nowrap;background:url(../images/main/bestseller_money1.gif) 0 5px repeat-x;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .money strong{display:inline;float:right;margin:2px 13px 2px 0;padding:0 0 0 12px;font-size:14px;color:#b77bc4;font-weight:bold;letter-spacing:-1px;white-space:nowrap;background:url(../images/main/sell_money2.gif) 0 center no-repeat;}
#contents .section1 .sell .tab1 .tabContents ul li .dotContents .money .sale{display:inline;float:right;margin:0 13px 0 0;font-size:11px;color:#b77bc4;letter-spacing:-1px;}


#contents .section1 .sell .tab2 .tabContents{position:absolute;top:25px;left:0;width:193px;height:177px;padding:3px 7px 0 0;background:url(../images/main/sell_bg1.gif) 0 0 no-repeat;}
#contents .section1 .sell .tab2 .tabContents ul{float:right;}
#contents .section1 .sell .tab2 .tabContents ul li{display:inline;float:left;margin:0 0 0 5px;}
#contents .section1 .sell .tab2 .tabContents ul li .dot{position:relative;width:10px;height:10px;z-index:100;background:#c5c5c5;}
#contents .section1 .sell .tab2 .tabContents ul li .dot button{width:10px;height:10px;}
#contents .section1 .sell .tab2 .tabContents ul li .dot.on{background:#6b6b6b;}
#contents .section1 .sell .tab2 .tabContents ul li .dotContents{position:absolute;top:0;left:0;z-index:90;width:194px;height:177px;padding:3px 0 0 6px;}
#contents .section1 .sell .tab2 .tabContents ul li .dotContents .book{float:left;margin:10px 9px 6px 0;padding:3px;border:1px solid #e8e8e8;background:white;}
#contents .section1 .sell .tab2 .tabContents ul li .dotContents .sale{}
#contents .section1 .sell .tab2 .tabContents ul li .dotContents .title{margin:0 15px 0 0;padding:8px 0 0;font-size:11px;text-align:right;color:#969595;font-weight:bold;letter-spacing:-1px;}
#contents .section1 .sell .tab2 .tabContents ul li .dotContents .title strong{display:block;font-size:14px;color:#91600e;line-height:22px;font-weight:bold;letter-spacing:-1px;}
#contents .section1 .sell .tab2 .tabContents ul li .dotContents .title strong img{margin:0 0 0 2px;vertical-align:2px;}
#contents .section1 .sell .tab2 .tabContents ul li .dotContents .txt{width:186px;height:45px;overflow:hidden;word-wrap:break-word;font-size:11px;color:#b6b5b5;line-height:16px;}

#contents .section1 .banner{position:relative;float:right;width:734px;height:220px;overflow:hidden;}
#contents .section1 .banner .img{position:absolute;top:0;left:0;width:734px;height:205px;}
#contents .section1 .banner .nivo-controlNav{position:absolute;top:207px;right:0;}
#contents .section1 .banner .nivo-controlNav li{display:inline;float:left;width:10px;height:10px;margin:0 0 0 5px;overflow:hidden;}
#contents .section1 .banner .nivo-controlNav li a{float:left;width:10px;height:10px;text-indent:-9999px;background:#c5c5c5;}
#contents .section1 .banner .nivo-controlNav li a.active{background:#6b6b6b;}

#contents .section2 .news{position:relative;width:706px;height:346px;padding:0 0 0 28px;background:url(../images/main/news_bg.gif) 0 0 repeat-x;}
#contents .section2 .news ul{position:relative;width:706px;height:346px;}
#contents .section2 .news ul li .depth1_1{position:absolute;top:0;left:0;z-index:100;width:165px;height:32px;background:url(../images/main/depth1_1.gif) 0 0 no-repeat;}
#contents .section2 .news ul li .depth1_2{position:absolute;top:0;left:169px;z-index:100;width:165px;height:32px;background:url(../images/main/depth1_2.gif) 0 0 no-repeat;}
#contents .section2 .news ul li .on{background-position:0 -32px;}
#contents .section2 .news ul li button{width:165px;height:32px;}
#contents .section2 .news ul li ul{position:absolute;top:0;left:0;width:706px;background:url(../images/main/depth2_bg.gif) 0 45px no-repeat;}
#contents .section2 .news ul li ul li .depth2_1{position:absolute;top:45px;left:0;width:26px;height:15px;z-index:100;background:url(../images/main/depth2_1.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .depth2_2{position:absolute;top:45px;left:55px;width:23px;height:15px;z-index:100;background:url(../images/main/depth2_2.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .depth2_3{position:absolute;top:45px;left:112px;width:30px;height:15px;z-index:100;background:url(../images/main/depth2_3.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .depth2_4{position:absolute;top:45px;left:178px;width:16px;height:15px;z-index:100;background:url(../images/main/depth2_4.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .depth2_5{position:absolute;top:45px;left:229px;width:33px;height:15px;z-index:100;background:url(../images/main/depth2_5.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .depth2_6{position:absolute;top:45px;left:305px;width:14px;height:15px;z-index:100;background:url(../images/main/depth2_6.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .depth2_7{position:absolute;top:45px;left:354px;width:14px;height:15px;z-index:100;background:url(../images/main/depth2_7.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .depth2_8{position:absolute;top:45px;left:402px;width:59px;height:15px;z-index:100;background:url(../images/main/depth2_8.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .depth2_1 button{width:26px;height:15px;}
#contents .section2 .news ul li ul li .depth2_2 button{width:23px;height:15px;}
#contents .section2 .news ul li ul li .depth2_3 button{width:30px;height:15px;}
#contents .section2 .news ul li ul li .depth2_4 button{width:16px;height:15px;}
#contents .section2 .news ul li ul li .depth2_5 button{width:33px;height:15px;}
#contents .section2 .news ul li ul li .depth2_6 button{width:14px;height:15px;}
#contents .section2 .news ul li ul li .depth2_7 button{width:14px;height:15px;}
#contents .section2 .news ul li ul li .depth2_8 button{width:59px;height:15px;}
#contents .section2 .news ul li ul li .on{background-position:0 -15px;}
#contents .section2 .news ul li ul li .tabContents{position:absolute;top:0;left:0;width:670px;height:265px;padding:81px 0 0;overflow:hidden;}
#contents .section2 .news ul li ul li .tabContents ul{position:static;width:9999px;height:265px;background:none;}
#contents .section2 .news ul li ul li .tabContents ul li{display:inline;float:left;width:124px;height:265px;margin:0 10px 0 0;}
#contents .section2 .news ul li ul li .tabContents ul li a{display:block;width:86px;height:126px;margin:0 auto 7px;padding:3px;overflow:hidden;border:1px solid #e8e8e8;}
#contents .section2 .news ul li ul li .tabContents ul li img{width:86px;height:126px;}
#contents .section2 .news ul li ul li .tabContents ul li p{width:100%;text-align:center;word-wrap:break-word;}
#contents .section2 .news ul li ul li .tabContents ul li p strong{display:block;margin:0 0 3px;font-size:13px;color:#605f5f;font-weight:bold;}
#contents .section2 .news ul li ul li .tabContents ul li p em{display:block;margin:0 0 3px;font-size:12px;color:#e68e68;font-weight:bold;}
#contents .section2 .news ul li ul li .tabContents ul li p span{display:block;margin:0 0 3px;font-size:11px;color:#8f8e8e;}
#contents .section2 .news ul li ul li .tabContents ul li p .name{font-weight:bold;}
#contents .section2 .news ul li ul li .tabContents ul li p .day{color:#cccbcb;}
#contents .section2 .news ul li ul li .tabContents .prevBt{position:absolute;top:43px;left:609px;z-index:100;width:16px;height:17px;border-right:1px solid #e8e8e8;background:url(../images/main/news_prev.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .tabContents .nextBt{position:absolute;top:43px;left:626px;z-index:100;width:16px;height:17px;background:url(../images/main/news_next.gif) 0 0 no-repeat;}
#contents .section2 .news ul li ul li .tabContents .prevBt button,#contents .section2 .news ul li ul li .tabContents .nextBt button{width:16px;height:17px;}
#contents .section2 .news ul li ul li .more{position:absolute;top:45px;left:653px;}
#contents .section2 .romance{position:relative;width:734px;margin:0 0 3px;overflow:hidden;background:url(../images/main/romance_bg.gif) 358px 80px no-repeat;}
#contents .section2 .romance h2{height:39px;padding:0 0 0 168px;}
#contents .section2 .romance div{position:relative;float:left;width:358px;height:185px;}
#contents .section2 .romance div.leftDiv{margin:0 14px 0 0;}
#contents .section2 .romance div ul{display:inline;float:left;width:321px;height:112px;margin:0 0 0 12px;overflow:hidden;}
#contents .section2 .romance div ul li{float:left;width:301px;height:27px;padding:0 0 0 20px;border-bottom:1px solid #e8e8e8;}
#contents .section2 .romance div ul li strong{float:left;margin:6px 18px 0 0;font-size:11px;color:#969496;letter-spacing:-1px;}
#contents .section2 .romance div ul li a{float:left;margin:6px 12px 0 0;font-size:12px;color:#6f6f6f;letter-spacing:-1px;}
#contents .section2 .romance div ul li .icon19{float:left;margin:5px 12px 0 0;}
#contents .section2 .romance div ul li .new{float:left;margin:8px 12px 0 0;}
#contents .section2 .romance div ul li span{float:left;margin:6px 0 0;font-size:11px;color:#c6c6c6;font-weight:bold;letter-spacing:-1px;}
#contents .section2 .romance div .more{position:absolute;top:29px;right:21px;}
#bestSellerMain .viewLoading{margin-left:50%;text-align:center;}
#contents .section2 .bestseller{position:relative;width:734px;height:321px;background:url(../images/main/bestseller_bg.gif) 0 64px no-repeat;}
#contents .section2 .bestseller ul{position:relative;width:100%;}
#contents .section2 .bestseller ul li .link{position:absolute;width:137px;height:19px;padding:4px 0 0 10px;font-size:11px;color:#7a7a7a;}
#contents .section2 .bestseller ul li .link.type1{left:32px;background:url(../images/main/bestseller_link1.gif) 0 0 no-repeat;}
#contents .section2 .bestseller ul li .link.type2{left:540px;background:url(../images/main/bestseller_link2.gif) 0 0 no-repeat;}
#contents .section2 .bestseller ul li.on .link.type1,#contents .section2 .bestseller ul li.on .link.type2{color:#7c7c7c;font-weight:bold;background-position:0 -23px;}
#contents .section2 .bestseller ul .rank1 .link{top:0;}
#contents .section2 .bestseller ul .rank2 .link{top:23px;}
#contents .section2 .bestseller ul .rank3 .link{top:46px;}
#contents .section2 .bestseller ul .rank4 .link{top:69px;}
#contents .section2 .bestseller ul .rank5 .link{top:92px;}
#contents .section2 .bestseller ul .rank6 .link{top:115px;}
#contents .section2 .bestseller ul .rank7 .link{top:138px;}
#contents .section2 .bestseller ul .rank8 .link{top:161px;}
#contents .section2 .bestseller ul .rank9 .link{top:184px;}
#contents .section2 .bestseller ul .rank10 .link{top:207px;}
#contents .section2 .bestseller ul li .state{display:none;position:absolute;top:0;left:179px;width:361px;height:257px;}
#contents .section2 .bestseller ul li .state .book{position:absolute;top:18px;left:31px;width:78px;height:118px;}
#contents .section2 .bestseller ul li .state .comment{position:absolute;top:151px;left:0;width:144px;text-align:center;}
#contents .section2 .bestseller ul li .state .comment dt{display:inline;margin:0 6px 0 0;padding:0 0 0 8px;color:#898989;font-weight:bold;letter-spacing:-1px;background:url(../images/main/bestseller_dot1.gif) 0 center no-repeat;}
#contents .section2 .bestseller ul li .state .comment dd{display:inline;color:#ff5c56;font-weight:bold;letter-spacing:-1px;}
#contents .section2 .bestseller ul li .state .comment dd a{color:#ff5c56;font-weight:bold;letter-spacing:-1px;}
#contents .section2 .bestseller ul li .state .title{position:absolute;top:5px;left:160px;width:166px;padding:0 0 0 7px;color:#898989;letter-spacing:-1px;background:url(../images/main/bestseller_dot2.gif) 0 8px no-repeat;}
#contents .section2 .bestseller ul li .state .title strong{display:block;width:166px;margin:0 0 8px;font-size:14px;color:#e07453;line-height:18px;font-weight:bold;}
#contents .section2 .bestseller ul li .state .title img{margin:0 20px 0 0;vertical-align:-3px;}
#contents .section2 .bestseller ul li .state .money{position:absolute;top:59px;left:167px;line-height:17px;}
#contents .section2 .bestseller ul li .state .money .normal{padding:0 2px;margin:0 4px 0 0;font-size:12px;color:#898989;letter-spacing:-1px;white-space:nowrap;background:url(../images/main/bestseller_money1.gif) 0 5px repeat-x;}
#contents .section2 .bestseller ul li .state .money strong{padding:0 6px 0 13px;font-size:14px;color:#ff5c56;font-weight:bold;letter-spacing:-1px;white-space:nowrap;background:url(../images/main/bestseller_money2.gif) 0 center no-repeat;}
#contents .section2 .bestseller ul li .state .money .sale{font-size:11px;color:#898989;font-weight:bold;letter-spacing:-1px;}
#contents .section2 .bestseller ul li .state .txt{position:absolute;top:107px;left:158px;width:183px;height:127px;overflow:hidden;line-height:18px;word-wrap:break-word;font-size:11px;color:#898989;}
#contents .section2 .bestseller ul li.on .state{display:block;}

#contents .section3 .notice{position:relative;width:100%;margin:0 0 10px;}
#contents .section3 .notice h2{width:182px;height:19px;margin:0 0 5px;padding:5px 0 0 20px;background:#cecece;}
#contents .section3 .notice ul{width:186px;height:80px;margin:0 0 0 9px;overflow:hidden;}
#contents .section3 .notice ul li{position:relative;float:left;width:175px;height:16px;padding:4px 0 0 11px;background:url(../images/common/dot1.gif) 0 9px no-repeat;}
#contents .section3 .notice ul li a{float:left;max-width:167px;_width:167px;font-size:11px;color:#7f7f7f;}
#contents .section3 .notice ul li img{position:absolute;top:6px;right:0;}
#contents .section3 .notice .more{position:absolute;top:10px;right:0;}
#contents .section3 .rank{position:relative;width:100%;margin:-11px 0 10px;}
#contents .section3 .rank h2{margin:0 0 5px;}
#contents .section3 .rank ul{width:186px;height:100px;margin:0 0 0 9px;overflow:hidden;}
#contents .section3 .rank ul li{position:relative;float:left;width:150px;height:20px;padding:0 0 0 36px;background:url(../images/common/dot1.gif) 0 9px no-repeat;}
#contents .section3 .rank ul li a{position:relative;float:left;margin:4px 0 0;font-size:11px;color:#7f7f7f;}
#contents .section3 .rank ul li .level{display:inline;float:left;margin:4px 0 0 5px;}
#contents .section3 .rank ul li .number{position:absolute;top:4px;left:12px;}
#contents .section3 .rank .more{position:absolute;top:21px;right:0;}
#contents .section3 .banner{position:relative;width:202px;height:212px;margin:0 0 9px;overflow:hidden;}
#contents .section3 .banner .slides_container{width:202px;height:212px;}
#contents .section3 .banner a{float:left;}
#contents .section3 .banner a img{float:left;width:202px;height:212px;}
#contents .section3 .banner .prevBt{position:absolute;top:191px;left:162px;z-index:100;width:14px;height:15px;border-right:1px solid #fab55e;background:url(../images/common/prev2.gif) 0 0 no-repeat;}
#contents .section3 .banner .nextBt{position:absolute;top:191px;left:177px;z-index:100;width:14px;height:15px;background:url(../images/common/next2.gif) 0 0 no-repeat;}
#contents .section3 .banner .prevBt button,#contents .section3 .banner .nextBt button{width:14px;height:15px;}
#contents .section3 .banner .pagination{display:none;}
#contents .section3 .calendar{width:100%;background:url(../images/main/calendar_bg.gif) 0 0 repeat-y;}
#contents .section3 .calendar h2{margin:0 0 5px;}
#contents .section3 .calendar .btn{position:relative;width:100%;height:20px;background:url(../images/main/calendar_btn.gif) 0 0 no-repeat;}
#contents .section3 .calendar .btn .prevBt{position:absolute;top:4px;left:46px;z-index:100;width:11px;height:11px;}
#contents .section3 .calendar .btn .nextBt{position:absolute;top:4px;left:181px;z-index:100;width:11px;height:11px;}
#contents .section3 .calendar .btn .prevBt button,#contents .section3 .calendar .btn .nextBt button{width:11px;height:11px;}

.manuscript{float:left;margin:0 0 8px;}
.manuscript img{float:left;}
.eventBanner{position:relative;width:202px;height:212px;margin:0 0 9px;overflow:hidden;}
.eventBanner .slides_container{width:202px;height:212px;}
.eventBanner a{float:left;}
.eventBanner a img{float:left;width:202px;height:212px;}
.eventBanner .prevBt{position:absolute;top:191px;left:162px;z-index:100;width:14px;height:15px;border-right:1px solid #fab55e;background:url(../images/common/prev2.gif) 0 0 no-repeat;}
.eventBanner .nextBt{position:absolute;top:191px;left:177px;z-index:100;width:14px;height:15px;background:url(../images/common/next2.gif) 0 0 no-repeat;}
.eventBanner .prevBt button,.eventBanner .nextBt button{width:14px;height:15px;}
.eventBanner .pagination{display:none;}
.calendar{width:100%;background:url(../images/main/calendar_bg.gif) 0 0 repeat-y;}
.calendar h2{margin:0 0 5px;}
.calendar .btn{position:relative;width:100%;height:20px;background:url(../images/main/calendar_btn.gif) 0 0 no-repeat;}
.calendar .btn .prevBt{position:absolute;top:4px;left:46px;z-index:100;width:11px;height:11px;}
.calendar .btn .nextBt{position:absolute;top:4px;left:181px;z-index:100;width:11px;height:11px;}
.calendar .btn .prevBt button,.calendar .btn .nextBt button{width:11px;height:11px;}

#quick{position:absolute;top:115px;left:50%;width:101px;margin:0 0 0 470px;background:url(../images/common/quick_bg.gif) 16px 0 repeat-y;}
#quick h2{width:100%;height:36px;text-indent:-9999px;background:url(../images/common/quick_title.gif) 0 0 no-repeat;}
#quick .my{width:76px;margin:0 0 5px 16px;padding:0 0 5px;border-bottom:2px solid #f26d6d;background:url(../images/common/quick_my_bg.gif) 0 0 repeat-y;}
#quick .my h3{margin:0 0 5px;}
#quick .my dl{width:66px;margin:0 auto;font-size:11px;color:#878686;}
#quick .my dl dt{float:left;width:52px;letter-spacing:-1px;}
#quick .my dl dd{float:right;text-align:right;color:#f26d6d;font-weight:bold;}
#quick .view{width:74px;margin:0 0 7px 17px;}
#quick .view h3{text-align:center;font-size:12px;color:#f26d6d;font-weight:bold;}
#quick .view ul{width:62px;margin:0 auto;}
#quick .view ul li{position:relative;float:left;width:60px;height:60px;margin:6px 0 0;border:1px solid #c5c5c5;}
#quick .view ul li a,#quick .view ul li img{float:left;}
#quick .view ul li .close{position:absolute;top:0;right:0;clear:both;width:9px;height:9px;background:url(../images/common/quick_view_close.gif) 0 0 no-repeat;}
#quick .view ul li .close button{width:9px;height:9px;}
#quick .best{width:74px;margin:0 0 0 17px;}
#quick .best h3{padding:7px 0;text-align:center;font-size:12px;color:#585858;border:1px solid #e8e8e8;background:#f8f8f8;}
#quick .best ul{width:62px;margin:0 auto;}
#quick .best ul li{position:relative;float:left;width:60px;height:60px;margin:6px 0 0;border:1px solid #c5c5c5;}
#quick .best ul li a,#quick .view ul li img{float:left;}
#quick .mobile{width:76px;margin:0 0 0 16px;}
#quick .mobile h3{margin-top:7px;padding:7px 0;text-align:center;font-size:12px;color:#585858;border:1px solid #e8e8e8;background:#f8f8f8;}
#quick .mobile a,#quick .mobile img{float:left;}
#quick .top{margin:0 0 0 16px;}

#footer{width:100%;margin:0 auto;padding:15px 0 11px;border-top:1px solid #e0e0e0;}
#footer div{position:relative;width:809px;margin:0 auto;padding:20px 0 22px 131px;}
#footer div .logo{position:absolute;top:15px;left:0;padding:54px 16px 52px 0;border-right:1px solid #dadada;}
#footer div .utility{height:28px;}
#footer div .utility li{float:left;margin:0 5px 0 0;padding:0 6px 0 0;background:url(../images/common/line2.gif) right 2px no-repeat;}
#footer div .utility li.last{margin:0;padding:0;background:none;}
#footer div .utility li a{font-size:11px;color:#6e6d6d;}
#footer div address{font-size:11px;color:#a5a4a4;line-height:20px;}
#footer div p{padding:4px 0 0;font-size:11px;color:#757474;line-height:20px;}
#footer div p img{margin:0 19px 0 0;}
#footer div .copy{color:#a5a4a4;padding:0 0 2px;}
#footer div .sponsor{position:absolute;top:15px;left:792px;height:91px;padding:4px 0 0;border-left:1px solid #dadada;}
#footer div .sponsor li,#footer div .sponsor a,#footer div .sponsor img{float:left;}
#footer div .sponsor li{padding:12px 0 0 7px;}

#left{position:relative;float:left;width:202px;}
#left .user{position:relative;width:202px;padding:15px 0 0;background:url(../images/common/user_bg.gif) right 0 repeat-y;}
#left .user .name{float:left;width:111px;margin:0 0 10px;padding:0 0 0 7px;font-size:12px;color:#b18089;font-weight:bold;}
#left .user .icon{position:absolute;top:15px;left:122px;width:61px;height:61px;padding:7px 0 0;text-align:center;background:url(../images/common/user_icon_bg.gif) 0 0 no-repeat;}
#left .user .icon img{margin:0 0 3px;vertical-align:top;}
#left .user .icon strong{display:block;width:100%;color:#e0648a;letter-spacing:-1px;}
#left .user dl{float:left;width:111px;margin:0 0 3px;padding:0 0 0 7px;background:url(../images/common/user_dot.gif) 0 4px no-repeat;}
#left .user dl.rate{width:185px;}
#left .user dl dt{float:left;width:48px;font-size:11px;color:#a4a3a3;background:url(../images/common/user_line.gif) right 2px no-repeat;}
#left .user dl dd{float:right;width:60px;font-size:11px;color:#eda8b5;font-weight:bold;letter-spacing:-1px;}
#left .user dl.rate dt{width:59px;}
#left .user dl.rate dd{width:123px;}
#left .user ul{clear:both;padding:3px 0 15px 9px;background:url(../images/common/user_btn_bg.gif) 0 bottom no-repeat;}
#left .user ul li{display:inline;margin:0 10px 0 0;}

#lnb{position:relative;width:202px;padding:24px 0 7px;background:url(../images/common/user_bg.gif) right 0 repeat-y;}
#lnb dl{width:184px;padding:0 0 10px 18px;}
#lnb dl.line{margin:0 0 14px;background:url(../images/common/lnb_line.gif) 0 bottom no-repeat;}
#lnb dl dt{float:left;width:83px;}
#lnb dl dd{float:right;clear:both;width:101px;height:23px;}
#lnb img,#lnb a{float:left;}
#lnb dl dd a{height:18px;overflow:hidden;}
#lnb dl dd a:hover{border:0;}
#lnb dl dd a:hover img{margin-top:-18px;}

#right{position:relative;float:right;width:738px;}
#right .location{height:22px;margin:0 0 8px;padding:0 0 0 38px;font-size:11px;color:#b5b4b4;line-height:24px;background:#f6f6f6 url(../images/common/location_bg.gif) 0 0 no-repeat;}
#right h2{height:67px;padding:0 0 0 42px;}
#right .data{position:relative;width:738px;}

#right .syBook{}
#right .syBook .tabMain{position:relative;width:704px;margin:0 0 11px 22px;padding:90px 0 0;background:url(../images/sybook/main_tab_bg.gif) 0 58px repeat-x;}
#right .syBook .tabMain button{width:128px;height:43px;}
#right .syBook .tabMain .tab{position:absolute;top:17px;width:128px;height:43px;}
#right .syBook .tabMain .tab1{left:0;background:url(../images/sybook/main_tab1.gif) 0 0 no-repeat;}
#right .syBook .tabMain .tab2{left:128px;background:url(../images/sybook/main_tab2.gif) 0 0 no-repeat;}
#right .syBook .tabMain .tab3{left:256px;background:url(../images/sybook/main_tab3.gif) 0 0 no-repeat;}
#right .syBook .tabMain .tab4{left:384px;background:url(../images/sybook/main_tab4.gif) 0 0 no-repeat;}
#right .syBook .tabMain .tab.on{background-position:0 -43px;}
#right .syBook .tabMain .tabData{position:relative;width:684px;padding:0 10px 20px;background:url(../images/sybook/main_tabdata_bg.gif) 0 bottom repeat-x;}
#right .syBook .tabMain .tabData ul{position:relative;float:left;width:684px;height:135px;}
#right .syBook .tabMain .tabData ul li{float:left;clear:both;width:259px;height:20px;padding:7px 0 0 5px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#right .syBook .tabMain .tabData ul li div{position:absolute;top:0;left:284px;width:400px;height:135px;}
#right .syBook .tabMain .tabData ul li div .thum{position:static;float:left;width:86px;height:126px;padding:3px;overflow:hidden;border:1px solid #e8e8e8;}
#right .syBook .tabMain .tabData ul li div .thum a{float:left;width:86px;height:126px;}
#right .syBook .tabMain .tabData ul li div .thum img{float:left;width:86px;height:126px;margin:0;}
#right .syBook .tabMain .tabData ul li div .detail{position:static;float:right;width:287px;height:135px;overflow:hidden;}
#right .syBook .tabMain .tabData ul li div .detail .title{width:100%;height:26px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;font-size:16px;color:#605f5f;font-weight:bold;line-height:20px;white-space:nowrap;}
#right .syBook .tabMain .tabData ul li div .detail .author,#right .syBook .tabMain .tabData ul li div .detail .money,#right .syBook .tabMain .tabData ul li div .detail .mileage{width:100%;height:18px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;font-size:12px;color:#8f8e8e;line-height:18px;white-space:nowrap;}
#right .syBook .tabMain .tabData ul li div .detail .mileage span{font-size:11px;}
#right .syBook .tabMain .tabData ul li div .detail .money span{font-size:11px;}
#right .syBook .tabMain .tabData ul li div .detail .money .normal{position:relative;padding:0 1px;font-size:12px;background:url(../images/sybook/main_tabdata_line.gif) 0 5px repeat-x;}
#right .syBook .tabMain .tabData ul li div .detail .money strong{padding:0 0 0 7px;color:#fe6068;background:url(../images/sybook/main_tabdata_dot.gif) 0 2px no-repeat;}
#right .syBook .tabMain .tabData ul li div .detail .txt{width:100%;height:51px;padding:6px 0 0;overflow:hidden;font-size:11px;color:#a1a0a0;line-height:17px;white-space:normal;word-wrap:break-word;}
#right .syBook .tabMain .tabData ul li.on{background:#f3f3f3;}
#right .syBook .tabMain .tabData ul li a{font-size:12px;color:#a6a5a5;}
#right .syBook .tabMain .tabData ul li img{height:14px;margin:0 6px 0 5px;vertical-align:-2px;}

#right .syBook .weeklyBook{display:inline;position:relative;float:left;width:297px;margin:0 28px 46px 41px;}
#right .syBook .weeklyBook h3{margin:0 0 14px;}
#right .syBook .weeklyBook .thum{float:left;width:86px;height:126px;padding:3px;border:1px solid #e8e8e8;}
#right .syBook .weeklyBook .thum a,#right .syBook .weeklyBook .thum img{float:left;width:86px;height:126px;}
#right .syBook .weeklyBook ul{width:100%;}
#right .syBook .weeklyBook ul li{float:left;width:100%;}
#right .syBook .weeklyBook ul li .dot{position:absolute;top:65px;width:13px;height:13px;overflow:hidden;background:#e3e3e3;}
#right .syBook .weeklyBook ul li .dot.on{background:#a8a8a8;}
#right .syBook .weeklyBook ul li .dot button{width:13px;height:13px;}
#right .syBook .weeklyBook ul li .dotContents{width:100%;}
#right .syBook .weeklyBook .detail{float:right;width:187px;overflow:hidden;}
#right .syBook .weeklyBook .detail .title{float:left;height:20px;margin:0 0 4px;font-size:14px;color:#605f5f;font-weight:bold;line-height:20px;border-bottom:1px solid #eceae7;white-space:nowrap;}
#right .syBook .weeklyBook .detail .author{clear:both;margin:0 0 10px;color:#868484;white-space:nowrap;}
#right .syBook .weeklyBook .detail .money{margin:0 0 2px;white-space:nowrap;}
#right .syBook .weeklyBook .detail .money strong{margin:0 2px 0 0;color:#d44b65;}
#right .syBook .weeklyBook .detail .money span{font-size:11px;color:#8e8d8d;}
#right .syBook .weeklyBook .detail .date{margin:0 0 2px;font-size:11px;color:#bebdbd;white-space:nowrap;}
#right .syBook .weeklyBook .detail .txt{height:48px;font-size:11px;color:#878686;line-height:16px;overflow:hidden;word-wrap:break-word;}


#right .syBook .newBook{position:relative;float:left;width:342px;height:215px;margin:7px 0 21px;padding:12px 23px 0 0;background:url(../images/sybook/new_bg.gif) 0 0 no-repeat;}
#right .syBook .newBook h3{float:right;margin:0 0 12px;}
#right .syBook .newBook .dot{margin:1px;float:right;position:relative;top:180px;left:220px; width:14px;height:14px;z-index:100;background:#c5c5c5;}
#right .syBook .newBook .dot button{width:14px;height:14px;}
#right .syBook .newBook .dot.on{background:#6b6b6b;}
#right .syBook .newBook .thum{position:absolute;top:45px;left:19px;float:left;width:86px;height:126px;overflow:hidden;}
#right .syBook .newBook .thum a,#right .syBook .newBook .thum img{float:left;width:86px;height:126px;}
#right .syBook .newBook .dotContents{position:absolute;top:0;left:0;z-index:90;width:194px;height:177px;padding:3px 0 0 6px;}
#right .syBook .newBook .detail{position:absolute; top:90px;left:120px; float:right;width:218px;padding:0 4px 0 0;overflow:hidden;text-align:right;}
#right .syBook .newBook .detail .title{display:inline;padding:0 12px 0 0;font-size:14px;color:#605f5f;font-weight:bold;border-bottom:1px solid #eceae7;white-space:nowrap;}
#right .syBook .newBook .detail .author{display:inline;margin:0 0 0 -4px;font-size:12px;color:#868484;border-bottom:1px solid #eceae7;white-space:nowrap;}
#right .syBook .newBook .detail .money{margin:0 0 2px;padding:8px 0 0;white-space:nowrap;}
#right .syBook .newBook .detail .money strong{margin:0 2px 0 0;color:#fd703f;}
#right .syBook .newBook .detail .money span{font-size:11px;color:#8e8d8d;}
#right .syBook .newBook .detail .money img{margin:0 0 0 2px;}
#right .syBook .newBook .detail .date{margin:0 0 2px;font-size:11px;color:#bebdbd;white-space:nowrap;}
#right .syBook .newBook .detail .txt{width:100%;height:48px;overflow:hidden;font-size:11px;color:#878686;line-height:16px;word-wrap:break-word;}


#right .syBook .books{position:relative;clear:both;width:100%;height:372px;}
#right .syBook .books h3{margin:0 0 14px 81px;}
#right .syBook .books .tabContents{width:604px;height:309px;margin:0 0 0 81px;overflow:hidden;}
#right .syBook .books ul{width:9999px;height:309px;background:none;}
#right .syBook .books ul li{display:inline;float:left;width:604px;height:309px;}
#right .syBook .books ul li .box{float:left;width:302px;height:144px;}
#right .syBook .books ul li .box .thum{float:left;width:86px;height:126px;padding:3px;border:1px solid #e8e8e8;}
#right .syBook .books ul li .box .thum a,#right .syBook .books ul li .box .thum img{float:left;width:86px;height:126px;}
#right .syBook .books ul li .box .detail{float:right;width:193px;overflow:hidden;}
#right .syBook .books ul li .box .detail .title{float:left;height:20px;margin:0 0 4px;font-size:14px;color:#605f5f;font-weight:bold;line-height:20px;border-bottom:1px solid #eceae7;white-space:nowrap;}
#right .syBook .books ul li .box .detail .author{clear:both;margin:0 0 10px;color:#868484;white-space:nowrap;}
#right .syBook .books ul li .box .detail .money{margin:0 0 2px;white-space:nowrap;}
#right .syBook .books ul li .box .detail .money strong{margin:0 2px 0 0;color:#d44b65;}
#right .syBook .books ul li .box .detail .money span{font-size:11px;color:#8e8d8d;}
#right .syBook .books ul li .box .detail .date{margin:0 0 2px;font-size:11px;color:#bebdbd;white-space:nowrap;}
#right .syBook .books ul li .box .detail .txt{height:48px;font-size:11px;color:#878686;line-height:16px;overflow:hidden;word-wrap:break-word;}


#right .syBook .books .prevBt{position:absolute;top:181px;left:30px;z-index:100;width:32px;height:46px;}
#right .syBook .books .nextBt{position:absolute;top:181px;right:21px;z-index:100;width:32px;height:46px;}
#right .syBook .books .prevBt button,#right .syBook .books .nextBt button{width:32px;height:46px;}
#right .syBook .books .topP{background:url(../images/sybook/books_prev1.gif) 0 0 no-repeat;}
#right .syBook .books .topN{background:url(../images/sybook/books_next1.gif) 0 0 no-repeat;}
#right .syBook .books .bottomP{background:url(../images/sybook/books_prev2.gif) 0 0 no-repeat;}
#right .syBook .books .bottomN{background:url(../images/sybook/books_next2.gif) 0 0 no-repeat;}

#right .syBook .listUtility{position:relative;width:719px;height:26px;margin:0 0 5px 6px;padding:4px 5px 0 13px;color:#838181;background:url(../images/sybook/list_utility_bg.gif) 0 bottom repeat-x;}
#right .syBook .listUtility .inputCheck{width:13px;height:13px;margin:0 6px 0 0;vertical-align:top;}
#right .syBook .listUtility label{margin:0 40px 0 0;font-size:11px;color:#acabab;font-weight:bold;}
#right .syBook .listUtility p{display:inline;}
#right .syBook .listUtility dl{position:absolute;top:0;right:5px;}
#right .syBook .listUtility dl dt{float:left;margin:4px 0 0;font-size:11px;color:#acabab;font-weight:bold;}
#right .syBook .listUtility dl dd{display:inline;float:left;margin:0 0 0 10px;}
#right .syBook .listUtility dl dd a,#right .syBook .listUtility dl dd img{float:left;}
#right .syBook .listUtility dl dd a{height:21px;overflow:hidden;}
#right .syBook .listUtility dl dd a.on,#right .syBook .listUtility dl dd a:hover{border:0;}
#right .syBook .listUtility dl dd a.on img,#right .syBook .listUtility dl dd a:hover img{margin-top:-21px;}
#right .syBook .bookList{position:relative;width:738px;}
#right .syBook .bookList li{position:relative;float:left;width:686px;min-height:150px;height:auto !important;height:150px;padding:22px 0 11px 52px;background:url(../images/sybook/book_list_bg.gif) right bottom no-repeat;}
#right .syBook .bookList li .inputCheck{position:absolute;top:83px;left:19px;width:13px;height:13px;vertical-align:top;}
#right .syBook .bookList li .thum{float:left;width:86px;height:126px;margin:0 11px 0 0;padding:3px;border:1px solid #e8e8e8;}
#right .syBook .bookList li .thum a{float:left;}
#right .syBook .bookList li .thum img{float:left;width:86px;height:126px;}
#right .syBook .bookList li .detail{float:left;width:280px;margin:8px 0 0;padding:3px 0 0;background:url(../images/sybook/book_list_detail_bg.gif) 0 0 no-repeat;}
#right .syBook .bookList li .detail .title{float:left;width:250px;margin:0 0 8px;padding:3px 15px 6px;background:#f4f4f4 url(../images/sybook/book_list_title_bg.gif) 0 bottom no-repeat;}
#right .syBook .bookList li .detail .title .book{float:left;width:122px;font-size:14px;color:#605f5f;font-weight:bold;}
#right .syBook .bookList li .detail .title .book img{margin:0 0 0 4px;vertical-align:1px;}
#right .syBook .bookList li .detail .title .bar{display:inline;float:left;width:1px;margin:1px 10px 0;text-align:center;font-size:11px;color:#b8b7b7;}
#right .syBook .bookList li .detail .title .author{float:left;width:107px;padding:1px 0 0;font-size:11px;color:#868484;}
#right .syBook .bookList li .detail .money{display:inline;float:left;width:265px;margin:0 0 0 15px;letter-spacing:-1px;}
#right .syBook .bookList li .detail .money .normal{margin:0 4px 0 0;font-size:11px;color:#b8b7b7;}
#right .syBook .bookList li .detail .money .normal img{margin:0 1px 0 0;vertical-align:0;}
#right .syBook .bookList li .detail .money .normal strong{padding:0 1px;font-weight:normal;background:url(../images/sybook/book_list_money_line.gif) 0 5px repeat-x;}
#right .syBook .bookList li .detail .money .decrease{margin:0 4px 0 0;font-size:11px;color:#8e8d8d;}
#right .syBook .bookList li .detail .money .decrease img{margin:0 2px 0 0;vertical-align:0;}
#right .syBook .bookList li .detail .money .decrease strong{margin:0 2px 0 0;font-size:14px;color:#d44b65;}
#right .syBook .bookList li .detail .money .mileage{font-size:11px;color:#e8a1af;font-weight:bold;}
#right .syBook .bookList li .detail .number{display:inline;float:left;width:265px;margin:0 0 8px 15px;padding:0 0 6px;letter-spacing:-1px;border-bottom:1px solid #e5e5e5;}
#right .syBook .bookList li .detail .number span{margin:0 10px 0 0;font-size:11px;color:#b8b7b7;}
#right .syBook .bookList li .detail .number span img{margin:0 2px 0 0;vertical-align:-1px;}
#right .syBook .bookList li .detail .date{display:inline;float:left;margin:0 15px 8px;font-size:11px;color:#bebdbd;}
#right .syBook .bookList li .detail .review{float:left;margin:0 0 8px;}
#right .syBook .bookList li .detail .review dt,#right .syBook .bookList li .detail .review dd,#right .syBook .bookList li .detail .review img{float:left;}
#right .syBook .bookList li .detail .review dt{margin:0 5px 0 0;}
#right .syBook .bookList li .detail .review dd{font-size:11px;color:#b8b7b7;}
#right .syBook .bookList li .detail .review dd a{margin:0 2px 0 0;font-size:12px;color:#e8a1af;font-weight:bold;}
#right .syBook .bookList li .detail .review dd a:hover{text-decoration:underline;}
#right .syBook .bookList li .detail .txt{display:inline;float:left;width:265px;margin:0 0 0 15px;font-size:12px;color:#878686;line-height:18px;word-wrap:break-word;}
#right .syBook .bookList li .cart{position:absolute;top:68px;left:491px;}
#right .syBook .bookList li .buy{position:absolute;top:68px;left:624px;}
#right .syBook .bookList li .bookmark{position:absolute;top:117px;left:624px;}
#right .syBook .bookList li .call{position:absolute;top:23px;left:513px;}
#right .syBook .bookList li .stop,#right .syBook .bookList li .soldout{position:absolute;top:41px;left:547px;}
#right .syBook .btnWrap{display:inline;position:relative;clear:both;float:left;width:719px;margin:-2px 0 0 6px;padding:28px 5px 0 13px;color:#838181;background:url(../images/sybook/list_utility_bg.gif) 0 0 repeat-x;}
#right .syBook .btnWrap p{float:right;color:#6c6c6c;}
#right .syBook .btnWrap p span{color:#d3d3d3;}
#right .syBook .btnWrap p a{margin:0 0 0 5px;}
#right .syBook .btnWrap p a img{vertical-align:-15px;}


/* 3차 추가 */
#lnb dl{width:184px;min-height:18px;height:auto !important;height:18px;padding:0 0 10px 18px;}
#lnb dl dt{float:left;width:83px;height:0;}
#right .syBook .bookList li .detail .title .book{float:none;width:auto;font-size:14px;color:#605f5f;font-weight:bold;}
#right .syBook .bookList li .detail .title .book img{float:none;margin:0 0 0 4px;vertical-align:1px;}
#right .syBook .bookList li .detail .title .bar{float:none;width:auto;margin:0 4px;padding:0;font-size:11px;color:#b8b7b7;}
#right .syBook .bookList li .detail .title .author{float:none;font-size:11px;color:#868484;}
#right .syBook .bookList li .detail.type2{position:relative;z-index:100;width:344px;background:url(../images/sybook/book_list_detail_bg2.gif) 0 0 no-repeat;}
#right .syBook .bookList li .detail.type2 .title{position:relative;width:329px;padding:3px 0 6px 15px;overflow:hidden;background:#f4f4f4 url(../images/sybook/book_list_title_bg2.gif) 0 bottom no-repeat;}
#right .syBook .bookList li .detail.type2 .title .cate{font-size:11px;color:#818080;}
#right .syBook .bookList li .detail.type2 .number{margin:0 49px 8px 15px;}
#right .syBook .bookList li .cart{position:absolute;top:50%;left:491px;margin:-36px 0 0;}
#right .syBook .bookList li .buy{position:absolute;top:50%;left:624px;margin:-36px 0 0;}
#right .syBook .bookList li .bookmark{position:absolute;top:50%;left:624px;margin:13px 0 0;}
#right .syBook .bookList li .call{position:absolute;top:50%;left:513px;margin:-66px 0 0;}
#right .syBook .bookList li .stop,#right .syBook .bookList li .soldout{position:absolute;top:50%;left:547px;margin:-46px 0 0;}
#right .syBook .bookView{position:relative;width:738px;margin:-8px 0 0;background:url(../images/sybook/book_view_bg.jpg) 0 0 no-repeat;}
#right .syBook .bookView .state{position:relative;float:left;width:738px;height:289px;}
#right .syBook .bookView .state .thum{display:inline;float:left;width:126px;height:185px;margin:44px 47px 0 65px;}
#right .syBook .bookView .state .detail{float:left;width:310px;margin:27px 0 0;padding:3px 0 0;background:url(../images/sybook/book_list_detail_bg3.gif) 0 0 no-repeat;}
#right .syBook .bookView .state .detail .title{float:left;width:280px;margin:0 0 8px;padding:3px 15px 6px;background:#f4f4f4 url(../images/sybook/book_list_title_bg3.gif) 0 bottom no-repeat;}
#right .syBook .bookView .state .detail .title .book{font-size:14px;color:#605f5f;font-weight:bold;}
#right .syBook .bookView .state .detail .title .book img{margin:0 0 0 4px;vertical-align:1px;}
#right .syBook .bookView .state .detail .title .bar{margin:0 4px;font-size:11px;color:#b8b7b7;}
#right .syBook .bookView .state .detail .title .author{font-size:11px;color:#868484;}
#right .syBook .bookView .state .detail .number{display:inline;float:left;width:296px;padding:0 0 4px 14px;border-bottom:1px solid #e5e5e5;}
#right .syBook .bookView .state .detail .number span{float:left;width:148px;min-height:15px;height:auto !important;height:15px;padding:3px 0 2px;font-size:11px;color:#b8b7b7;}
#right .syBook .bookView .state .detail .number span img{margin:0 2px 0 0;vertical-align:-1px;}
#right .syBook .bookView .state .detail .number span.date{width:140px;padding:3px 0 2px 8px;font-size:12px;color:#939393;background:url(../images/sybook/book_view_date_dot.gif) 0 9px no-repeat;}
#right .syBook .bookView .state .detail .money{float:left;width:193px;height:34px;margin:5px 0;padding:2px 0 0;text-align:center;letter-spacing:-1px;border-right:1px solid #e5e5e5;}
#right .syBook .bookView .state .detail .money .normal{margin:0 4px 0 0;font-size:11px;color:#b8b7b7;}
#right .syBook .bookView .state .detail .money .normal img{margin:0 1px 0 0;vertical-align:0;}
#right .syBook .bookView .state .detail .money .normal strong{padding:0 1px;font-weight:normal;background:url(../images/sybook/book_list_money_line.gif) 0 5px repeat-x;}
#right .syBook .bookView .state .detail .money .decrease{margin:0 4px 0 0;font-size:11px;color:#8e8d8d;}
#right .syBook .bookView .state .detail .money .decrease img{margin:0 2px 0 0;vertical-align:0;}
#right .syBook .bookView .state .detail .money .decrease strong{margin:0 2px 0 0;font-size:14px;color:#d44b65;}
#right .syBook .bookView .state .detail .money .mileage{display:block;width:100%;padding:3px 0 0;text-align:center;font-size:11px;color:#e8a1af;font-weight:bold;}
#right .syBook .bookView .state .detail .charge{display:inline;position:relative;float:left;width:99px;height:30px;margin:1px 0 1px 1px;padding:14px 0 0 16px;background:#f8f7f7;}
#right .syBook .bookView .state .detail .charge .inputText{float:left;width:51px;height:15px;padding:0 5px;font-size:11px;color:#676767;line-height:15px;border:1px solid #b7b7b7;background:white;}
#right .syBook .bookView .state .detail .charge .upBt{position:absolute;top:14px;left:83px;width:13px;height:8px;border-bottom:1px solid #bababa;background:url(../images/sybook/book_view_up_btn.gif) 0 0 no-repeat;}
#right .syBook .bookView .state .detail .charge .downBt{position:absolute;top:23px;left:83px;width:13px;height:8px;background:url(../images/sybook/book_view_down_btn.gif) 0 0 no-repeat;}
#right .syBook .bookView .state .detail .charge button{width:13px;height:8px;}
#right .syBook .bookView .state .detail .total{clear:both;width:100%;height:31px;padding:16px 0 0;text-align:center;background:url(../images/sybook/book_view_total_bg.gif) 0 0 repeat-x;}
#right .syBook .bookView .state .detail .total dt,#right .syBook .bookView .state .detail .total dd{display:inline;}
#right .syBook .bookView .state .detail .total dt{margin:0 7px;font-size:12px;color:#747373;font-weight:bold;}
#right .syBook .bookView .state .detail .total dd{margin:0 7px;font-size:12px;color:#d44b65;font-weight:bold;}
#right .syBook .bookView .state .detail .total dd strong{font-size:16px;}
#right .syBook .bookView .state .detail .preview{width:100%;padding:15px 0 0;text-align:center;}
#right .syBook .bookView .state .detail .preview li{display:inline;margin:0 6px 0 9px;}
#right .syBook .bookView .state .cart{position:absolute;top:27px;left:570px;}
#right .syBook .bookView .state .buy{position:absolute;top:125px;left:588px;}
#right .syBook .bookView .state .bookmark{position:absolute;top:174px;left:588px;}
#right .syBook .bookView .contents{position:relative;clear:both;float:left;width:738px;min-height:35px;height:auto !important;height:35px;padding:48px 0 0;}
#right .syBook .bookView .contents .tab{position:absolute;top:0;width:105px;height:35px;}
#right .syBook .bookView .contents .tab button{width:105px;height:35px;}
#right .syBook .bookView .contents .tab1{left:26px;background:url(../images/sybook/book_view_tab1.gif) 0 0 no-repeat;}
#right .syBook .bookView .contents .tab2{left:137px;background:url(../images/sybook/book_view_tab2.gif) 0 0 no-repeat;}
#right .syBook .bookView .contents .tab3{left:250px;background:url(../images/sybook/book_view_tab3.gif) 0 0 no-repeat;}
#right .syBook .bookView .contents .tab4{left:361px;background:url(../images/sybook/book_view_tab4.gif) 0 0 no-repeat;}
#right .syBook .bookView .contents .tab.on{background-position:0 -35px;}
#right .syBook .bookView .contents .info{width:638px;padding:30px 50px;}
#right .syBook .bookView .contents .info h4{margin:0 0 8px;}
#right .syBook .bookView .contents .info div{padding:0 0 10px;}
#right .syBook .bookView .contents .info p{padding:0 6px 18px;font-size:12px;color:#878686;line-height:18px;}
#right .syBook .bookView .contents .info ul{padding:0 6px 18px;}
#right .syBook .bookView .contents .info ul li{padding:0 0 0 10px;font-size:12px;color:#878686;line-height:18px;background:url(../images/sybook/book_view_date_dot.gif) 0 7px no-repeat;}

.paging{clear:both;width:100%;text-align:center;}
.paging li{display:inline;margin:0 6px;font-size:12px;color:#878686;}
.paging li img{vertical-align:-1px;}
.paging li strong,.paging li a{padding:0 2px;font-size:12px;color:#878686;}
/* // 3차 추가 */

/* 4차 추가 */
#contents .login{position:relative;width:504px;height:402px;padding:90px 0 0 436px;background:url(../images/member/login_bg.jpg) 0 25px no-repeat;}
#contents .login label{color:#aa7384;font-weight:bold;}
#contents .login .info{position:absolute;top:72px;left:66px;}
#contents .login .member{position:relative;width:100%;height:225px;}
#contents .login .member h2{margin:0 0 37px;}
#contents .login .member .save{height:21px;padding:0 0 0 58px;}
#contents .login .member .save label{font-size:11px;}
#contents .login .member .save .inputCheck{width:13px;height:13px;margin:0 3px 0 0;vertical-align:top;}
#contents .login .member .enter{width:100%;height:30px;}
#contents .login .member .enter:after{content:"";display:block;clear:both;}
#contents .login .member .enter label{float:left;width:58px;padding:4px 0 0;}
#contents .login .member .enter .inputText{float:left;width:114px;height:19px;padding:0 5px;line-height:15px;border:1px solid #e3d7db;background:white;}
#contents .login .member .inputBt{position:absolute;top:93px;left:200px;}
#contents .login .member .warning{padding:6px 0 0;font-size:11px;color:#9b9a9a;}
#contents .login .member ul{position:absolute;top:58px;left:313px;width:93px;}
#contents .login .member ul li{float:left;margin:0 0 9px;}
#contents .login .member ul li a,#contents .login .member ul li img{float:left;}
#contents .login .guest{position:relative;width:100%;}
#contents .login .guest h2{margin:0 0 32px;}
#contents .login .guest .enter{width:100%;height:30px;}
#contents .login .guest .enter:after{content:"";display:block;clear:both;}
#contents .login .guest .enter label{float:left;width:77px;padding:4px 0 0 68px;}
#contents .login .guest .enter .inputText{float:left;width:105px;height:19px;padding:0 5px;line-height:15px;border:1px solid #e3d7db;background:white;}
#contents .login .guest .inputBt{position:absolute;top:58px;left:276px;}
/* //4차 추가 */

/*
loding var
*/
.loadingvar_news {
position:relative;
width:50px;
top:150px;
left:50%;
text-align:center;
}