@charset "euc-kr";
/* BOOKZIP (http://www.bookzip.co.kr) 20100405 */


#main{width:933px;}
/* membership */
#membership{float:right; width:710px; position:relative; background:url(/image/image/backImg/member_list.gif) no-repeat 125px 108px;}
#membership .homeLink{position:absolute; top:10px; right:10px;}

#membership .red{color:#ea1823; font-weight:bold;}

/* membership ul List */
#membership ul{overflow:hidden; margin:10px 22px 20px 0; float:left; width:122px; height:83px;}
#membership .end{margin-right:0;}
#membership .first{color:white; width:122px;}
#membership .numSize{font-size:200%; width:100px; height:40px; text-align:right; line-height:40px;}
#membership .none{clear:both;}

#memberList{height:100px;}

/* Çì´õ */
#themaTitle{border:1px solid #a48c80; width:708px; height:68px; background:url(/image/image/backImg/sub_thema_bg.gif) no-repeat 13px center; margin:10px 0 15px 0;}
#themaTitle p{width:620px; height:58px; margin:2px; border:3px solid #e8dfd6; line-height:58px; padding-left:78px;}
#themaTitle .bold{font-weight:bold;}

/* membershipFree */
#membershipFree{float:right; width:710px; position:relative; background:url(/image/image/backImg/member_list_free.gif) no-repeat 220px 88px;}
#membershipFree h3{background:url(/image/image/backImg/sub_h3_bg.gif) no-repeat left center; padding-left:10px; margin-top:10px;}
#membershipFree h3 .black{color:black; font-weight:bold; font-size:130%;}
#membershipFree .homeLink{position:absolute; top:10px; right:10px;}

#membershipFree .red{color:#ea1823; font-weight:bold;}

/* membershipfree ul List */
#memberFreeList ul{overflow:hidden; margin:10px 62px 20px 0; color:#939393; padding:10px; background:#f8f8f8; font-weight:bold; font-size:120%; float:left; width:174px; height:65px; border:1px solid #dadada;}
#memberFreeList .end{margin-right:0;}
#memberFreeList .first{background:#ec1920; color:white; width:172px;}
#memberFreeList .numSize{font-size:200%; width:172px; height:40px; text-align:right; line-height:40px;}
#memberFreeList .heightSize{height:40px;}
#memberFreeList .none{clear:both;}

#memberFreeList{height:100px;}

/* membership H4 */
#membership h4{ margin-top:20px; font-weight:bold; background:url(/image/image/backimg/member_title_bg.gif) no-repeat left top; padding-left:8px;}
#membershipFree h4{ margin-top:20px; font-weight:bold; background:url(/image/image/backimg/member_title_bg.gif) no-repeat left top; padding-left:8px;}
/* membership textarea */
#membership textarea{margin-bottom:10px; background:white; height:260px; width:668px; border:1px solid #dadada; padding:20px;}
#membership .right{text-align:right;}

/* membership ȸ¿ø¼­ºñ½º ¼±Åà */
#boardList{width:708px; background:url(/image/image/backImg/member_tabel_title.gif) repeat-x left top; }
#boardList th{background:url(/image/image/backImg/member_tabel_title_r.gif) no-repeat right center; height:40px;}
#boardList td{border-bottom:1px dotted #dadada; text-align:center;}
#boardList .endLine{border-bottom:2px solid #dadada;}
#boardList td ol{margin:10px 0 10px 50px;}
#boardList td ol li{list-style-type:decimal; text-align:left;}
#boardList .end{background:none; width:110px;}
#boardList .pay{width:110px;}2011-11-16
#boardList .membership{width:150px;}

/* membership form */
#pinNumDiv{height:45px; background:#f8f8f8; padding:10px; text-align:center; line-height:45px;}
#pinNumDiv p{background:white; border:1px solid #dadada; width:680px; height:45px;}

#nameCheck{height:180px; background:#f8f8f8; padding:10px;}
#nameCheck .check01{text-align:right;}
#nameCheck div{border:1px solid #dadada; background:white; height:110px; margin:5px 0; padding:20px 30px;}
#nameCheck .check02{border-bottom:1px solid #dadada; height:50px; line-height:50px; text-align:center; margin-bottom:10px;}

#nextP{text-align:center; margin:20px 0;}


/* categoryList : Å×ÀÌºí¸®½ºÆ® */
.categoryList{clear:both; height:160px; position:relative; padding-bottom:20px; margin:0 0px 20px 0px; border-bottom:1px solid #dadada;}
.categoryList .img_book{display:block; background:url(/image/image/backImg/booklist_bg.gif) no-repeat left top;  padding:1px 10px 13px 1px; width:105px; height:140px;}

.categorySummary{position:absolute; right:-15px; top:0; width:590px;}
.categoryTitle{background:url(/image/image/backImg/sub_title_bg.gif) repeat left top; height:28px; padding-top:3px; margin:5px 0 8px 0;}
.categoryTitle img{margin:3px 5px 3px 0px; vertical-align:middle;}
.categoryTitle span{margin-right:10px;}
.categorySummary .title{color:#353535; font-weight:bold;}

/* categoryList_h : Å×ÀÌºí¸®½ºÆ®1 */
.categoryList_h{position:relative; width:710px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dadada;}
.categoryList_h .img_book{display:block;   padding:1px 10px 13px 10px; width:68px; height:90px;}

/* ³»¼­À縮½ºÆ® */
.categoryList .img_book{display:block; background:url(/image/image/backImg/booklist_bg.gif) no-repeat left top;  padding:1px 10px 13px 1px; width:105px; height:140px;}
.txt_Con{text-align:justify;}
.down{position:absolute; top:0; right:0;}

.table_my{width:600px;}
.table_my th{border-bottom:1px solid #dadada; text-align:left; padding:10px 0 10px 20px;}
.table_my thead th{border-top:1px solid #dadada;}
.table_my td{border-bottom:1px solid #dadada; padding:10px 0 10px 20px;}
.table_my .tit_my{padding:0;border-right:1px solid #dadada; background:#f8f8f8; text-align:center;}
.table_my .end{border-left:1px solid #dadada; width:150px; font-weight:bold;}

.p_01{height:30px; background:#f8f8f8; padding-top:10px; margin:20px 0;}

.ClassSummary{position:absolute; left:118px; top:0; width:590px; padding-right:15px;}
.ClassTitle{background:url(/image/image/backImg/sub_title_bg.gif) repeat left top; height:28px; margin:5px 0 8px 0; padding-top:3px;}
.ClassTitle img{margin:3px 5px 3px 0px; vertical-align:middle;}
.ClassTitle span{margin-right:10px;}
.ClassSummary a{color:#353535; font-weight:bold; margin-right:10px;}
.ClassSummary a:hover{color:#68222a;}

/* ȸ¿ø°¡ÀÔ Á¤º¸ÀÔ·Â Å×À̺í */
.registerTable{width:708px; border-top:1px solid #dadada;}
.registerTable thead{display:none;}
.registerTable td{padding:10px 0 10px 20px; border-bottom:1px solid #dadada;}
.registerTable .registerTitle{padding-left:0; border-right:1px solid #dadada; background:#f8f8f8; width:143px; font-weight:bold; text-align:center;}
.registerTable select{border:1px solid #8c99a9;}
.registerTable tbody span{color:#4482a9; font-weight:bold;}
.registerTable tbody p{margin:5px 0;}

/* memberStep05 */
#finishDiv{height:150px; background:#f8f8f8; padding:10px; text-align:center;}
#finishDiv div{background:white; border:1px solid #dadada; width:688px; height:118px; padding-top:30px;}
#membership .finish{float:none;}

/* ºÏÁý »óÇıÇ: giftcard */

#giftcard{float:right; width:710px; position:relative;}
#giftcard h3{margin-top:10px;}
#giftcard h3 .black{color:#3d3d3d; font-weight:bold; font-size:150%;}
#giftcard .homeLink{position:absolute; top:10px; right:10px;}

#giftcard .titleP{margin-top:10px; font-weight:bold; color:#999999;}

#giftcard p .red{color:#ea1823; font-weight:bold;}

#giftcard h4{ margin-top:20px; font-weight:bold; background:url(/image/image/backimg/member_title_bg.gif) no-repeat left top; padding-left:8px;}
#giftcard h4 span{font-weight:normal;}

.giftCardTable{line-height:40px; margin-bottom:10px; width:708px; text-align:center; background:url(/image/image/backImg/sub_td_bg.gif) repeat-x left top; height:43px;}
.giftCardTable thead{display:none;}
.giftCardTable .giftCardTitle{padding-left:0; border-right:1px solid #dadada; background:url(/image/image/backImg/sub_td_bg_first.gif) repeat-x left top; width:200px; font-weight:bold; text-align:center;}
.giftCardTable .end{border-left:1px solid #dadada; width:150px; font-weight:bold;}

.giftcardBuy{text-align:right;}

.giftcardContents{background:#f8f8f8; padding:10px; margin:20px 0 30px 0;}
.giftcardContents ul{border:1px solid #dadada; background:white; padding:20px 0;}
.giftcardContents li{background:url(/image/image/backImg/giftcard_li_bg.gif) no-repeat left 5px; margin:0 0 5px 20px; padding-left:10px; width:620px;}
.giftcardContents li span{font-weight:bold;}

/* ºÏÁýȸ¿ø »óÇ°±Ç ±¸¸Å È®ÀÎ */
.giftCardConfirm{line-height:40px; margin-bottom:10px; width:708px; text-align:center; background:url(/image/image/backImg/giftcard_table_title_bg.gif) repeat-x left top; height:43px;}
.giftCardConfirm th{background:url(/image/image/backImg/member_tabel_title_r.gif) no-repeat right center;}
.giftCardConfirm .end{background:none;}
.giftCardConfirm .first{width:80px;}
.giftCardConfirm .second{width:160px;}
.giftCardConfirm td{border-bottom:1px solid #dadada;}

.confirm{text-align:center;}

/* ºÏÁýȸ¿ø »óÇ°±Ç ±¸¸ÅÇϱâ*/
#giftcardBuy{float:right; width:710px; position:relative; background:url(/image/image/backImg/member_list_free.gif) no-repeat 220px 100px;}
#giftcardBuy h3{margin-top:10px;}
#giftcardBuy h3 .black{color:#3d3d3d; font-weight:bold; font-size:150%;}
#giftcardBuy .homeLink{position:absolute; top:10px; right:10px;}

#giftcardBuy .titleP{margin-top:10px; font-weight:bold; color:#999999;}

#giftcardBuy p .red{color:#ea1823; font-weight:bold;}

#giftcardBuy h4{ margin-top:20px; font-weight:bold; background:url(/image/image/backimg/member_title_bg.gif) no-repeat left top; padding-left:8px;}
#giftcardBuy h4 span{font-weight:normal;}

/* ·Î±×ÀÎ */

.login{margin:10px 0; border:5px solid #dadada; width:660px; height:285px; padding:20px; background:url(/image/image/backImg/img_login.gif) no-repeat 80px 100px; position:relative;}
.login_banner li{float:left; width:228px; height:50px; margin-right:12px;}
.login_banner .end{margin:0;}
.login form{position:absolute; top:120px; left:220px; width:340px; border-bottom:1px solid #dadada;}
.login p img{margin-right:10px;}
.login p{margin:8px 0;}
.login .save{padding-left:60px;}
.login .action{position:absolute; right:0; top:0;}

.login dl{float:left; width:180px; height:60px; border-right:1px solid #dadada;}
.login dd, .login dt{margin-bottom:5px;}
.dl_box{position:absolute; top:230px; left:220px;}
.dl_box .end{margin-left:10px; border:0;}

/* ¾ÆÀ̵ðºñ¹ø ã±â */
.loginIDPW{margin:10px 0; border:5px solid #dadada; width:660px; height:400px; padding:20px; background:url(/image/image/backImg/img_login.gif) no-repeat 80px 100px; position:relative;}
.login_banner li{float:left; width:228px; height:50px; margin-right:12px;}
.login_banner .end{margin:0;}
.loginIDPW form{border-bottom:1px solid #dadada;  margin-bottom:20px; padding-bottom:10px;}
.loginIDPW .form_box{position:absolute; top:120px; left:220px; width:400px;}
.loginIDPW p img{margin-right:10px;}
.loginIDPW p{margin:8px 0;}
.loginIDPW li img{margin-right:10px;}
.loginIDPW li{margin:8px 0;}
.loginIDPW .save{padding-left:60px;}
.loginIDPW .action{position:absolute; right:0; top:20px;}
.loginIDPW .action2{position:absolute; right:0; top:130px;}

/* °³ÀÎÁ¤º¸ Ãë±Þ¹æħ */
.box_f8{background:#ffffff; background:#f8f8f8; padding:15px;}
.box_f8 div{border:1px solid #dadada; background:#ffffff; padding:15px;}
.box_f8 p{margin-bottom:10px;}

/*¼ö½Å¸ÞÀÏ °ÅºÎ*/
.nospam_img{margin: 40px 100px;}
.nospam_input{margin: 45px 130px;}
.nospam_btn{text-align:center;}
.nospam{margin:10px 0; border:5px solid #dadada; width:660px; height:285px; padding:20px;}


/* ÀÌ¿ë¾à°ü_membership */
.provision {width:710px; text-align:justify; line-height:160%;}
.provision h4 {font-weight:bold; margin-left:0px; padding-left:19px; color:#666; background:url(/image/image/SimpleImg/icon_r.gif) no-repeat 0px 2px;}
.provision ol {padding-left:30px; padding-right:10px; border:5px solid #dadada; background:#fafafa; padding-top:10px;}
.provision ol li {list-style-type:decimal; padding-bottom:10px;}
.provision ol li span {font-weight:bold;}
.provision ol li ol {padding-top:10px;  padding-left:10px; padding-right:0px; border:none;}
.provision ol li ol li {list-style-type:disc;}
.provision p {padding-bottom:10px; }
.provision dl {padding-top:20px;}
.provision dl dt {padding-bottom:10px; color:#4782aa; font-weight:bold;}
.provision dd span {font-weight:bold;}

/* ÀÌ¿ë¾È³»_usehelp */
.usehelp {width:710px; text-align:justify; line-height:160%;}
.usehelp h4 {font-weight:bold; margin-left:0px; padding-left:19px; color:#666; background:url(/image/image/SimpleImg/icon_r.gif) no-repeat 0px 2px;}
.usehelp p {padding-bottom:10px; }
.usehelp dl {padding-top:20px;}
.usehelp dl dt {padding-bottom:10px; color:#4782aa; font-weight:bold;}
.usehelp dd span {font-weight:bold;}