@charset "utf-8";

/* 팝업창*/	
/* 마이리스트 상품순서 설정*/
.mylist_pop {
padding:10px 0 0 15px;
height:35px;
font-family: dotum;
font-size:14px;
font-weight:bold;
color:#fff;
background: url(http://image.aladdin.co.kr/img/blog2/mylist_pbk.gif) repeat-x ;
}	
/* 초대장 설정*/
.invite_wrap {float:left;border:2px solid #F1F1F1; padding:10px; background-color:#FFF; width:540px;}

.invite_post {
/*float:left;*/
height:35px;

background: url(http://image.aladdin.co.kr/img/blog2/invite_topbg.gif) bottom repeat-x ;
}
.invite_post h2 {
font-family: dotum; 
font-size:14px;
font-weight:bold;
color:#754C24;
padding: 10px 0 0 0;
margin: 0 0 0 13px;
display:inline;
}
.invite_box h3 {
font-family: dotum; 
font-weight:normal;
font-size:12px;
color:#333;
text-decoration:underline;
}

.invite_box {
float:left;
border:1px solid #E1E1E1;
background-color:#F9F9F9; 
padding:17px;
margin:10px;
line-height:150%;
display:inline;
}
.invite_sp {color:#AC6015;}
.invite_wr {color:#C8433C;}
.invite_sp2 {color:#E6530B;font-weight:bold;}
.pop_post {
float:left;
padding:10px;
overflow:hidden;
color:#030303;
}
.pop_post .td01 {font-weight:bold; vertical-align:top; padding:5px 0 0 0;}
.pop_post input.box { 
font-family:dotum; 
color:#666;
height:20px;
margin-top:2px;
background-color:#F9F9F9;
border:1px solid #E1E1E1; }	 

.pop_post textarea.box { 
width:100%;
font-family:dotum; 
padding:2px;
color:#666;
background-color:#F9F9F9;
border:1px solid #E1E1E1;}

.gr {color:#666; padding:3px 0 0 0;}	

/* 초대장 설정-메일*/
.invite_mail { 
float:left;
padding:40px;
margin: 10px;
display:inline;
background: url(http://image.aladdin.co.kr/img/blog2/invite_mailbg.gif) top repeat-x #EDE7CF;
}
.invite_mail h3 {
font-family: dotum; 
font-weight:normal;
font-size:12px;
color:#666666;
text-decoration:underline;
}

/* 마이리스트 상품순서 설정*/
.mylist_post {
padding:10px 0 0 15px;
height:35px;
font-family: dotum;
font-size:14px;
font-weight:bold;
color:#fff;
background: url(http://image.aladdin.co.kr/img/blog2/mylist_pbk1.gif) repeat-x ;
}	

/* 상품순서 감싸는 테이블*/
.pop_wrap {
float:left;
padding:10px;
overflow:hidden;
text-align:left;
border:1px solid #E6E6E6;
}

/* 상품순서 테이블*/
.ptable { width:100%; background-color:#E1E1E1;}
.ptable tr {background-color:#F9F9F9;}

.redFF1F1F {font-weight:bold;color:#FF1F1F;} 

/*  프린트 팝업*/
.print_wrap { width:610px; float:left; color:#333;}
.print_t {float:left; background-color:#E9E9E9;padding: 10px;/*height:33px;background: url(http://image.aladdin.co.kr/img/blog2/print_bk.gif) repeat-x ;*/}	
	  
/*  프린트 번호*/  
.print_no {
float:left;
padding: 0 5px 0 5px;
font-weight:bold;
/*background-color:yellow;*/
 }
 
 /*  프린트 바닥*/  
.print_bom {
float:left;
width:598px;
background:url(http://image.aladdin.co.kr/img/blog2/printbt_bg.gif) repeat ;
border-top:2px solid #F2F2F2;
border-left:1px solid #F2F2F2;
border-right:1px solid #F2F2F2;
border-bottom:1px solid #F2F2F2;
 
padding:5px;
text-align:center;
 }
 
/****로그인 텍스트******/
.logintext1 {
clear:both;
color:#666;
margin:0px 0px 0px 105px;
padding-top:5px;
padding-bottom:10px;
/*background-color:red;*/
 }
 
.logintext2 {
text-align:center;
color:#666;
border-top:1px solid #EAEAEA;
padding:15px 0px 10px 0px;
margin:0px 5px 0px 5px;
 }
 
/************* 레이어/상품넣기 이동하기 등 공통부분 *****************/
.layer_it {
font-size: 12px;line-height:1.5em;
width:420px;
color:#666;
text-align:left;
background: url(http://image.aladdin.co.kr/img/blog2/layer_login_topbg2.gif) repeat-x top;
}

.layerfoot {
padding:0;
width:420px;
margin:0px;
height:10px;
background: url(http://image.aladdin.co.kr/img/blog2/layer_login_foot3.gif) repeat-x bottom;
}

.layer_it .graybox {
margin: 0px 9px 0px 8px;
color:#666;
border:1px solid #DCDCDC;
background-color:#FFF;
padding:6px ;
}

.layer_it .closebtn {
float:right;
padding:7px 11px 0px 0px;
 }

.layer_it .dotline {
padding:10px 0px 0px 0px;
margin:10px 10px 0px 10px; 
background: url(http://image.aladdin.co.kr/img/blog2/un_dot3.gif) repeat-x ;
}

.layer_it p {padding:0px 0px 3px 0px; }

.layer_it h2{
 color:#666;
 font-weight:bold;
 font-size:11pt;
 letter-spacing:-2px;
 padding:4px 0px 4px 15px;
  }
  
.layer_it h3{
 color:#666;
 font-size:12px;
 padding:5px 0px 5px 5px;
 font-weight:normal;
  }

.layer_it input.box {
border:1px solid #C7C7C7;
margin-left:5px;
padding:2px;
color:#666;
}

.layer_it .infotext {
padding:30px 0px 50px 0px;
text-align:center;
font-weight:bold;
text-decoration:underline;
}

.layer_it .alignbtn {
float:right;
color:#8F8F8F;
font-size:11px;
font-weight:bold;
font-family:dotum;
padding:3px 2px 0px 0px;
}

.layer_it .adgoods ul{
list-style-image:none;
 }
.layer_it .adgoods li {
padding:0;
display:inline;
 }
 
/** 레이어>뿌려지는 결과부분-리스트 **/
.layer_it .result {
height:300px;
overflow: auto;
color:#666666;
}
.layer_it .result .book {float:left;width:330px; }
.layer_it .result dl {
float:left;
padding:0px;
margin:0px;
}

.layer_it .result dt{
float:right;
padding:0px 0px 0px 0px;
width:256px;
/*background-color:red;*/
}

.layer_it .result dd{
float:left;
padding:0px 5px 0px 2px;
color:#919191;
/*background-color:blue;*/
}
.layer_it .result dt a{
color:#369;
font-weight:bold;
}
.layer_it .result dt a:hover{
color:#FFF;
background-color:#369;
}

.layer_it .resultbtn {
float:right;
padding:10px 10px 0px 0px;
}

/** 레이어> 이미지넣기 **/
.layer_it .insertimg {
float:left;
padding:5px;
border:1px solid #DCDCDC;
margin:5px 0px 0px 2px;
 }

/** 레이어> 카테고리 **/
.layer_it .papermove {
padding:0px;
 }
.layer_it .papermove .move {
padding:2px 0px 5px 0px; 
}
 
.layer_it .papermove .gr01 {
background-color:#F3F3F3;
font-size:11px;
font-weight:bold;
font-family:dotum;
/*padding:5px 3px 2px 12px;*/
color:#595959;
height:30px;
text-align:center;
/*background:url(img/paper_move_blet.gif) no-repeat left top #F3F3F3 ;*/
 } 

.layer_it .papermove .gr02 {
color:#333;
/* padding:5px; */
width:310px;
}

.layer_it .papermove .gr03 {
width:65px;
color:#333;
text-align:center;
}

.layer_it .papermove .gr04 {
background-color:#E3E3E3;
height:1px;
color:#333;
}
 
.layer_it .papermove_wrap {
color:#333;
overflow: auto;
height:240px;
padding:2px;
 }

/** 레이어> 카테고리 만들기 **/
.layer_it .make_cate {
padding:5px;
/*background-color:red;*/
 }
.layer_it .make_cate .lefttd01 {
color:#666;
font-weight:bold;
padding:5px 3px 5px 10px;


 }

.layer_it .make_cate .tdline {
background-color:#E3E3E3;
height:1px;
 }
 
.layer_it .make_cate .lefttd02 {
color:#666;
padding:5px 3px 5px 10px;
 }
 
.layer_it input.tag1 {
 font-family:dotum; 
 font-size:12px; 
 font-weight:normal;
 color:#8E8E8E; 
 border:1px solid #D7D7D7;
 background-color:#FFF;
 margin-left:5px;
 padding:2px;
 }
 
.layer_it input.tag2 {
 font-family:dotum; 
 font-size:12px; 
 font-weight:normal;
 color:#8E8E8E; 
 border:1px solid #CAEBEE;
 background-color:#ECFAFD;
 margin-left:5px;
 padding:2px;
 }

.layer_it .lineup {border-top:1px solid #ECECEC; margin-bottom:15px; } 
.layer_it .linedw {border-top:1px solid #ECECEC; margin-top:15px; } 
 
/****즐겨찾는 서재*****/ 
.FavorList_wrap {
background-color:#BBBBBB;
width:222px;
padding: 0 0 3px 0;
 } 
 
.FavorList {
font-size:12px;
background:url(http://image.aladdin.co.kr/img/blog2/layer/favorlist_top.gif) top;
/*border:1px solid #BBBBBB;*/
color:#333;
width:219px;
padding: 3px 0 3px 0;
}

.FavorListbt {
background:url(http://image.aladdin.co.kr/img/blog2/layer/favorlist_bt.gif) bottom;
width:219px;
height:3px;
padding:0; margin:0;}

.FavorList h3{
font-size:11px;
font-weight:bold;
padding: 3px 0 0 6px;
margin:0;
}

.FavorList h3 a {
font-size:11px;
font-weight:bold;
color:#333;
text-decoration:none;

}

.FavorList h3 a:hover {
font-size:11px;
font-weight:bold;
color:#333;
background-color:#E8E8E8;
/*padding:0 5px 0 5px;*/
}

.FavorList ul {
list-style:none;
padding:0;
margin:0;
}
.FavorList li {padding:0 3px 0 4px; font-size:11px;  /*background:url(http://image.aladdin.co.kr/img/blog2/navi_dot2.gif) 5px 8px no-repeat;*/}

.FavorList li a:link { width:207px; color:#333; display:block; padding:0 2px 0 2px;text-decoration:none;}
.FavorList li a:visited { width:207px; color:#333; display:block;padding:0 2px 0 2px;text-decoration:none;}
.FavorList li a:hover {width:207px; background-color:#E8E8E8; color:#333; display:block;padding:0 2px 0 2px;text-decoration:none;}

.FavorList .btn {
float:right;
padding:5px 3px 0 0;
font-size:11px;
font-family:dotum;
}

.FavorList .btn a:link {color:#A8A8A8;text-decoration:none;}
.FavorList .btn a:visited { color:#A8A8A8; text-decoration:none;}
.FavorList .btn a:hover {background-color:#369; color:#FFF;text-decoration:none;}

img {border:0px;}
.frnick { color:#949494;}

a.fgroup:link { font-size:11px; color:#333;}/*툴바 즐겨찾기 그룹네임 링크*/
a.fgroup:visited { font-size:11px; color:#333; }
a.fgroup:hover { font-size:11px; color:#333; background-color:#FFF;}

/************* 댓글 레이어 / 삭제/댓글쓰기 *****************/
.layer_comtop {
font-size: 12px;
line-height:1.5em;
width:375px;
color:#666;
text-align:center;
padding: 10px 0 0  0;
background: url(http://image.aladdin.co.kr/img/blog2/layer_comtop.gif) repeat-x top;
}

.layer_comtop input.box02 {
	border:1px solid #aaa;
	font-family:dotum;
	color:#5D5D5D;
	padding:2px;
	background:url(http://image.aladdin.co.kr/img/blog2/icon/form_pw.gif) left no-repeat #FFF;
}
.layer_comtop input.box03 {
	border:1px solid #aaa;
	font-family:dotum;
	color:#5D5D5D;
	padding:2px;
	background:url(http://image.aladdin.co.kr/img/blog2/icon/form_add.gif) left no-repeat #FFF;
}

.layer_comfoot {
padding:0;
width:375px;
margin:0px;
height:10px;
background: url(http://image.aladdin.co.kr/img/blog2/layer_comfoot.gif) repeat-x bottom;
}

/************* 댓글 레이어 / 수정 *****************/
.layer_comtopb {
font-size: 12px;
line-height:1.5em;
width:541px;
color:#666;
text-align:left;
padding: 10px 10px 0  10px;
background: url(http://image.aladdin.co.kr/img/blog2/layer_comtop_b.gif) repeat-x top;
}

.layer_comfootb {
padding:0;
width:561px;
margin:0px;
height:10px;
background: url(http://image.aladdin.co.kr/img/blog2/layer_comfoot_b.gif) repeat-x bottom;
}

.layer_comtopb textarea.box { font-size:12px; color:#686868; border:1px solid #A1A1A1; }

.layer_comtopb input.box01 {
	border:1px solid #aaa;
	font-family:dotum;
	color:#5D5D5D;
	padding:2px;
	background:url(http://image.aladdin.co.kr/img/blog2/icon/form_name.gif) left no-repeat #FFF;
}
.layer_comtopb input.box02 {
	border:1px solid #aaa;
	font-family:dotum;
	color:#5D5D5D;
	padding:2px;
	background:url(http://image.aladdin.co.kr/img/blog2/icon/form_pw.gif) left no-repeat #FFF;
}
.layer_comtopb input.box03 {
	border:1px solid #aaa;
	font-family:dotum;
	color:#5D5D5D;
	padding:2px;
	background:url(http://image.aladdin.co.kr/img/blog2/icon/form_add.gif) left no-repeat #FFF;
}

.grey_sss {color:#666;font-size:8pt; }
.greytable {border:1px solid #CDCDCD;}
.greytable tr,th { font-size:11px;font-weight:bold; color:#595959; color:#7B7B7B}

/*검수시 - 툴바의 레이어부분*/

.LayerMyBlog { font-size:12px;
background:url(http://image.aladdin.co.kr/img/blog2/layer/layermyblog_top.gif) top;
color:#333;
width:72px;
padding: 10px 0 0 0;}

.LayerMyBlog ul {list-style:none;padding-top:0px;_padding-top:8px;padding-bottom:5px; margin:0;}

.LayerMyBlog li {padding:0 0 0 6px;font-size:12px;}
.LayerMyBlog li a:link { color:#333; width:63px;display:block; text-decoration:none; font-size:11px; }
.LayerMyBlog li a:visited {color:#333; width:63px;display:block;text-decoration:none; font-size:11px; }
.LayerMyBlog li a:hover {width:63px; background-color:#E8E8E8; color:#333; display:block;text-decoration:none; font-size:11px; }

.LayerMyBlogbt { background:url(http://image.aladdin.co.kr/img/blog2/layer/layermyblog_bt.gif) bottom;
width:72px;
height:3px;
padding:0; margin:0;}
/*마을로 가는 레이어*/
.LayerTownBlog { font-size:12px;
background:url(http://image.aladdin.co.kr/img/blog2/layer/layertownblog_top.gif) top;
color:#333;
width:105px;
padding: 10px 0 0 0;}

.LayerTownBlog ul {list-style:none;padding-top:0px;_padding-top:8px;padding-bottom:5px; margin:0;}

.LayerTownBlog li {padding:0 0 0 6px;font-size:12px;}
.LayerTownBlog li a:link { color:#333; width:92px;display:block; text-decoration:none; font-size:11px; }
.LayerTownBlog li a:visited {color:#333; width:92px;display:block;text-decoration:none; font-size:11px; }
.LayerTownBlog li a:hover {width:92px; background-color:#E8E8E8; color:#333; display:block;text-decoration:none; font-size:11px; }

.LayerTownBlogbt { background:url(http://image.aladdin.co.kr/img/blog2/layer/layertownblog_bt.gif) bottom;
width:105px;
height:3px;
padding:0; margin:0;} /*툴바 레이어 완료*/

.LayerSearch { font-size:12px;
background:url(http://image.aladin.co.kr/img/blog2/layer/layersearch_top_1.gif) top;
color:#333;
width:102px;
padding: 5px 0 0 0;
}
.LayerSearch ul {list-style:none;padding:5px 0 5px 0;margin:0;}
.LayerSearch li {padding:0 3px 0 6px;font-size:11px;}
.LayerSearch li a:link { color:#333; width:90px;display:block; text-decoration:none;}
.LayerSearch li a:visited {color:#333; width:90px;display:block;text-decoration:none;}
.LayerSearch li a:hover {width:90px; background-color:#E8E8E8; color:#333; display:block;text-decoration:none;}

.LayerSearchbt {background:url(http://image.aladdin.co.kr/img/blog2/layer/layersearch_bt.gif) bottom;
width:102px;
height:3px;
}
/*a.gl3:link { font-size:11px; color:#333;}
a.gl3:visited { font-size:11px; color:#333; }
a.gl3:hover { font-size:11px; color:#333; background-color:#E8E8E8;}	*/

.review_lt {
border:10px solid #FFFFFF;
height:80px;
background-color:#F8F8F8;
}

.review_lt img { vertical-align:middle; }
.text_info {color:#333; background-color:#FFF6A3; text-align:center;padding:5px;font-size:12px; margin:2px;}
.notify { background-color:#FFF;margin:15px 15px 6px 15px;padding:20px;}

/************* 팝업용 레이어/상품넣기 이동하기 등 공통부분 *****************/
.popup_it {
font-size: 12px;line-height:1.5em;
width:420px;
color:#666;
text-align:left;
background-color:#F2F2F2;
/*background: url(http://image.aladdin.co.kr/img/blog2/layer_login_topbg2.gif) repeat-x top;*/
}

.popupfoot {
padding:0;
width:420px;
margin:0px;
height:10px;
background-color:#F2F2F2;
/*background: url(http://image.aladdin.co.kr/img/blog2/layer_login_foot3.gif) repeat-x bottom;*/
}

.popup_it .graybox {
margin: 0px 9px 0px 8px;
color:#666;
border:1px solid #DCDCDC;
background-color:#FFF;
padding:6px ;
}

.popup_it .closebtn {
float:right;
padding:7px 11px 0px 0px;
 }

.popup_it .dotline {
padding:10px 0px 0px 0px;
margin:10px 10px 0px 10px; 
background: url(http://image.aladdin.co.kr/img/blog2/un_dot3.gif) repeat-x ;
}

.popup_it p {padding:0px 0px 3px 0px; }

.popup_it h2{
 color:#666;
 font-weight:bold;
 font-size:11pt;
 letter-spacing:-2px;
 padding:4px 0px 4px 15px;
  }
  
.popup_it h3{
 color:#666;
 font-size:12px;
 padding:5px 0px 5px 5px;
 font-weight:normal;
  }

.popup_it input.box {
 border-top:1px solid #9e9e9e; 
	 border-left:1px solid #9e9e9e;  border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; 
margin-left:5px; margin-top:4px;
padding:2px;
color:#666;
}/*20121012*/

.popup_it .infotext {
padding:30px 0px 50px 0px;
text-align:center;
font-weight:bold;
text-decoration:underline;
}

.popup_it .alignbtn {
float:right;
color:#8F8F8F;
font-size:11px;
font-weight:bold;
font-family:dotum;
padding:3px 2px 0px 0px;
}

.popup_it .adgoods ul{
list-style-image:none;
 }
.popup_it .adgoods li {
padding:0;
display:inline;
 }

.popup_it .result {
height:300px;
overflow: auto;
color:#666666;
}
.popup_it .result select {}

.popup_it .make_cate .lefttd01 {height:35px;}
.popup_it .make_cate .lefttd02 {padding-top:20px;}

/*20140903_추가*/
.popup_it .goods_add {list-style-image:none;}
.popup_it .goods_add li {float:left; overflow:hidden; padding-right:15px; margin:10px 0 10px 0;}
.popup_it .add_isbn { margin:0 0 10px 15px;}
.popup_it .add_isbn .add_left {float:left; width:200px; }
.popup_it .add_isbn .add_right {float:left;}
.popup_it .btn_add {display:inline-block; padding:5px 0 15px 45px;}
.popup_it .isbn_ex_left {float:left; width:200px; font-size:11px; padding-right:10px; line-height:30px;}
.popup_it .isbn_ex_right {float:left; font-size:11px; line-height:30px;}




/*20141126 좋아요레이어 - 북플*/

.layer_box { padding:10px 15px 20px 15px; margin:0px; background-color:#FFF; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius:7px; float:left; overflow:hidden; border:1px solid #c0c0c0;    }

.layer_close { float:right; margin-bottom:10px; *margin-bottom:0px;  } 

.layer_title { float:left; margin:0; padding:10px 0 0 20px; margin-bottom:20px; }

.layer_cont { margin:0 20px 0px 20px; padding:0; clear:both; *margin-top:-15px; }

.layer_cont2 { margin:0px; padding:0; clear:both;  }

.layer_cont3 { margin:0px; padding:0; float:left;}

.layer_btn_area {margin:0px; padding:0px; clear:both; text-align:center; }

 

/* 레이어 탭 */

.layer_tab_box {padding:10px 0; text-align:center; margin-bottom:15px; overflow:hidden;  }

.layer_tab_over {float:left; width:50%; padding: 0px; margin: 0px; padding-top:8px; text-align: center; text-decoration: none; background:#2ab1fe; border:1px #2ab1fe solid; height:30px; color:#fff; font-weight:bold; text-decoration:none; }

.layer_tab_over a:link { text-decoration: none; outline: 0; color: #ffffff; font-size: 15px; font-weight:bold; font-family:Malgun Gothic;line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0; }

.layer_tab_over a:hover { text-decoration:underline;}

.layer_tab_over a:visited { text-decoration: none; outline: 0; color: #ffffff; font-size: 15px; font-weight:bold; font-family:Malgun Gothic;line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0;}

 

.layer_tab_off {float:left; width:49%; padding: 0px; margin: 0px; padding-top:8px; text-align: center; text-decoration: none;  background:#ffffff; border:1px #cccccc solid; height:30px; color:#333; font-weight:bold; text-decoration:none;  }

.layer_tab_off a:link { text-decoration: none; outline: 0; color: #333; font-size: 15px; font-weight:bold; font-family:Malgun Gothic;line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0; }

.layer_tab_off a:hover { color:#333; text-decoration:underline;}

.layer_tab_off a:visited { text-decoration: none; outline: 0; color: #333; font-size: 15px; font-weight:bold; font-family:Malgun Gothic;line-height:16px;display: block;white-space: nowrap;background-color: transparent;margin: 0;}

 

.layer_one { margin:0px; margin-bottom:15px; padding:0px 10px; clear:both; overflow:hidden;}

 

/* 프로필 스타일 */

.profile_m76 { background:url(http://image.aladdin.co.kr/img/bookple/profile_bg_m76.png) bottom left no-repeat; width:76px; height:72px; text-align:center; padding-top:4px; float:left; }

 

.friend_list2 { float:left; padding-top:23px; color:#444; font-size:12px;  margin-left:15px;  width:42%;  }

.friend_list2 ul {list-style:none;}

.friend_list2 ul li {  margin-bottom:4px;  }