/**********************************************************
 * 파일명      : main.css
 * 설명        : 메인css
 * 작성자      : 채지은
 * 작성일      : 2010.04.14
***********************************************************/

/*메인*/
div#mainWrap{width:100%;}
div#mainContainer{width:1000px; background:url(../img/main/bg_visual.jpg) no-repeat center 38px;}
div#mainContainer2{width:1000px; no-repeat center 38px;}
div#mainVisual{height:310px; z-index:100;}

div#main_Content{ float:left; margin:35px 0 10px ; _margin:35px 0 10px 0; display:inline;}
div#main_Left{float:left; width:710px; margin-left:10px; _margin-left:5px; }
/* 
익스6에서 위치 깨짐현상으로 인한 넓이값 제거 
(원본)
div#main_Right{float:left; width:235px; margin-left:30px;} 
*/
div#main_Right{float:left; width:225px; margin-left:30px;}
div#main_Right dl{ float:left; width:100%; display:inline; margin-top:10px; padding-bottom:10px;}
div#main_Right dt{ margin-top:10px; float:right; text-align:left; width:130px; margin:0 0 5px 15px; color:#4d4d4d;}
div#main_Right dd{ float:left; text-align:left;}
div#main_Right dd.btn{ float:right; text-align:right; margin-right:15px;}


/*메인컨텐츠*/
div#weekly{background:url(../img/main/tit_weekly.gif) 0 0 no-repeat; float:left; width:100%;position:relative; width:729px; height:233px;overflow:hidden}
div#weekList{height:230px; float:left;margin-bottom:10px;position:absolute; left:0px; top:0px; margin-bottom:10px;margin:40px 0 0 25px;}
div.btn_left{background:url(../img/main/btn_arw_left.gif) no-repeat; display:block; margin-top:40px; width:5px; height:20px; cursor:pointer;padding:0 7px 7px 10px; float:left; margin:0px;left:0px;position:absolute; }
div.btn_right{background:url(../img/main/btn_arw_right.gif) no-repeat; display:block; margin-top:40px;width:5px; height:20px; cursor:pointer;padding:0 7px 7px 10px; float:left; margin:0px;margin-left:690px;position:absolute; }
*:first-child+html div.btn_right{background:url(../img/main/btn_arw_right.gif) no-repeat; display:block; margin-top:40px;width:5px; height:20px; cursor:pointer;padding:0 7px 7px 10px; float:left; margin:0px;margin-left:325px;position:absolute; }*/
div#weekList ul{ _margin:40px 0 0 0;}
div#weekList li{background:url(../img/main/bg_book.gif) center 110px no-repeat; padding:0 7px 7px 10px; float:left; display:inline; list-style-type:none;margin:0px;width:91px;}
div#weekList li p{margin-top:35px; font-family:dotum; font-size:12px; color:#4d4d4d;}
div#weekList .line {border:#e2e2e2 1px solid;}

div#bestR{background:url(../img/main/bg_best.gif) top left no-repeat; padding:60px 0 10px 0; margin-top:7px; text-align:left; width:100%; }
div#bestR .best{ border-bottom:#e2e2e2 1px solid; background:url(../img/main/bg_bestMoon.gif) 5px 30px no-repeat; float:left;padding-bottom:7px;}
div#bestR .bookimg{ float:left; margin:0 10px 0 80px; _margin:0 10px 0 40px; width:100px; background:url(../img/main/bg_bestback.gif) no-repeat center top; padding:7px 0 7px 0; text-align:center;}
div#bestR .bestReview{float:left; background:url(../img/main/bg_bestreview.gif) no-repeat; width:350px; margin:10px 0 0 0; padding:12px 15px; color:#4d4d4d; font-size:14px; font-family:dotum; letter-spacing:-0.5px; }
div#bestR .bestReview strong{color:#12537d; font-weight:bold; font-size:14px; font-family:dotum;}
div#bestR .bestReview p{float:left;}
div#bestR .bestReviewTit{float:left;margin:0 10px 0 0;color:#4d4d4d;}
div#bestR .bestReviewStar{float:left;margin:0 10px 18px 15px;x; border-left:#e2e2e2 1px solid; color:#1576d6; letter-spacing:-0.5px;  font-weight:bold; font-size:12px; padding-left:15px;}
div#bestR .bestTit{ float:left; width:110px; margin:20px 10px 0 0;}
div#bestR .review{ float:left; width:100%; margin-top:15px;}
div#bestR .reviewList{ float:left; width:215px; margin-right:20px; _margin-right:15px;}
div#bestR .tit{ color:#4d4d4d;letter-spacing:-0.5px; background:url(../img/main/jum_line.gif) bottom repeat-x; padding:0 5px 7px 5px; vertical-align:top;}
div#bestR .tit strong{ color:#1576d6; font-weight:bold; }
div#bestR .txt{color:#a1a1a1; font-family:dotum; font-size:11px; letter-spacing:-0.5px; ine-height:160%;}

div#newE{background:url(../img/main/bg_new.gif) top left no-repeat; padding-top:60px; text-align:left; width:100%; }
div#newE .mainnew{float:left;padding:10px 0;}
div#newE .newList{float:left; width:330px; display:inline;  margin:0 15px 10px 10px; position:relative; padding-top:10px;}
div#newE .newList dl{float:left; }
div#newE .newList dt{margin-top:10px; float:right; text-align:left; width:230px; }
div#newE .newList dd{float:left; }
div#newE .newList dd img{ border:#dbdbdb solid 1px;}
div#newE .newList .newImg{position:absolute; top:-5px; left:30px; background:url(../img/main/new.png) no-repeat; _background:url(../img/main/new.gif) no-repeat; width:60px; height:25px; z-index:100;}
div#newE .newList dd.txt { float:right; text-align:left; display:inline; width:230px; margin:10px 0; color:#a1a1a1; font-size:11px; font-family:dotum; letter-spacing:-0.5px; line-height:120%;}


div#theme{background:url(../img/main/bg_theme.gif) 0 0 no-repeat; padding:80px 0 10px 0; float:left;}
div#theme .searchTheme{ background:url(../img/main/bg_themeSearch.gif) no-repeat; text-align:left; padding:8px 0 10px 80px; font-size:14px; color:#333; font-weight:bold; vertical-align:middle;}
div#theme .eBook{background:url(../img/main/bg_themeBook.gif) no-repeat top center;width:350px; margin-top:30px;padding:60px 0 20px 10px; float:left;}
div#theme .eBook dl{float:left; }
div#theme .eBook dt{margin:0 48px; float:right; text-align:left; width:145px; display:inline;}
div#theme .eBook dd{float:left;}
div#theme .eBook dd.txt{float:right; text-align:left; display:inline; width:145px; margin:10px 48px 10px 0; color:#a1a1a1; font-size:11px; font-family:dotum; letter-spacing:-0.5px; line-height:120%;}
div#theme .eBook dd.star{float:right; text-align:left;  width:140px; background-color:#FFF; margin:5px 48px 0 0; display:inline;}

div#theme .magazine{background:url(../img/main/bg_thememagazine.gif) no-repeat top center; width:310px; padding:100px 10px 10px 20px;float:right;}
div#theme .magazine dl{ text-align:left;}
div#theme .magazine dt{color:#4d4d4d; font-size:12px; padding-top:10px;}
div#theme .magazine dt strong{color:#5835e7; font-weight:bold;}
div#theme .magazine dd{ color:#a1a1a1; font-size:11px; letter-spacing:-0.5px; line-height:120%; margin-top:10px; padding-bottom:10px;}

div#csCenter{ background:url(../img/main/cscenter.gif) no-repeat 0 0; text-align:left; height:210px;}
div#faqBox{ background:url(../img/main/faq_top.gif) no-repeat 0 10px; padding-top:43px; margin:10px 0 0 435px;}
div#faqBox p{ text-align:right; padding:0 10px 3px;}
div#faqBox ul{border:#a0c3db solid 2px; background:url(../img/main/faq_txt.gif) no-repeat 10px 18px; padding:17px 10px 13px 48px;}
div#faqBox li{background:url(../img/main/faq_q.gif) no-repeat 0 0; list-style-type:none; padding:2px 0 2px 20px; color:#565656; font-size:11px; letter-spacing:-0.5px; font-family:dotum;}
div#faqBox li a{list-style-type:none; color:#565656; font-size:11px; letter-spacing:-0.5px; font-family:dotum;}
div#faqBox li a:hover{color:#2975a6;}

/*메인우측*/
div#mPreview{background:url(../img/main/bg_preview.gif) 0 0 no-repeat; height:200px; padding:22px 10px 15px 20px;}
div#mWeekbest{background:url(../img/main/bg_weekbest.gif) center 0 no-repeat; padding:20px 15px 5px 15px;}
div#mWeekbest table{margin-top:30px;}
div#mWeekbest td{ color:#4d4d4d; font-family:dotum; font-size:12px; padding:2px;}
div#mWeekbest a{ color:#4d4d4d;}
/*div#bookMaster{ background:url(../img/main/img_bookmaster.gif) no-repeat top left; padding-top:60px; margin-top:10px;}*/
div#bookMaster{ background:url(../img/main/img_bookmaster.gif) no-repeat top left; padding-top:60px; margin-top:10px;}
div#bookMaster .list{ border:#e2e2e2 solid 1px; width:225px; float:left;}
div#bookMaster .list dd{padding-left:15px;}
div#historyBook{ margin-top:10px;}
/*div#historyBook .list{ border:#dcdcdc solid 1px; width:225px; float:left;}*/
div#historyBook .list{ border:#e2e2e2 solid 1px; width:225px; float:left;}
div#historyBook .list dd{padding-left:15px;}
div#RightBanner {width:100%; padding:10px 0px 0px 2px; text-align:center;}

div#costomerLib{ background:url(../img/main/bg_customLib.gif) no-repeat top left; padding-top:36px; margin-top:30px; _margin-top:15px; position:relative; float:left;}
div#costomerLib .box{border:#46799a solid 3px; padding:2px; float:left; width:220px;}
div#costomerLib p{padding:3px 3px 3px 10px; text-align:left;}
div#costomerLib p strong{color:#014774; font-size:14px; font-weight:bold;}
div#costomerLib .scrap{background-color:#014774; padding:3px; text-align:center; color:#fff; font-family:dotum; font-size:11px;}
div#costomerLib .mybook{background-color:#white; padding:3px; text-align:center; color:#black; font-family:dotum; font-size:11px;}
div#costomerLib .bookname{ font-size:14px; font-family:dotum; color:#FF6633; font-weight:bold; text-align:center; padding-top:10px;}
div#costomerLib .txt{padding:0 10px 0 10px; color:#a1a1a1; font-family:dotum; font-size:11px; letter-spacing:-0.5px; width:110px;}
div#costomerLib .readerImg{background:url(../img/main/reader.png) no-repeat;_background:url(../img/main/reader.gif) no-repeat; width:63px; height:84px; position:absolute; top:-25px; right:15px; }

div#costomerLib2{ position:relative; float:left;}
div#costomerLib2 .box{border:gray solid 2px; padding:2px; float:left; width:340px; height:90px;}
div#costomerLib2 p{padding:3px 3px 3px 10px; text-align:left;}
div#costomerLib2 p strong{color:#014774; font-size:14px; font-weight:bold;}
div#costomerLib2 .scrap{background-color:#014774; padding:3px; text-align:center; color:#fff; font-family:dotum; font-size:11px;}
div#costomerLib2 .mybook{background-color:#white; padding:3px; text-align:center; color:#black; font-family:dotum; font-size:11px;}
div#costomerLib2 .bookname{ font-size:14px; font-family:dotum; color:#FF6633; font-weight:bold; text-align:center; padding-top:10px;}
div#costomerLib2 .txt{padding:0 10px 0 10px; color:#a1a1a1; font-family:dotum; font-size:11px; letter-spacing:-0.5px; width:110px;}
div#costomerLib2 .readerImg{width:63px; height:84px; position:absolute; top:-25px; right:15px; }


/* 보안확인 이미지 새로고침 버튼 */
.capcha_font {		  
		   font-family: "돋움";
		   font-size: 9pt;  !important;
		   color: #666666  !important;
		   text-decoration: underline  !important;
		   margin-left:10px;
		   position: relative;
		   top: 10px;
}