@charset "utf-8";



/* 보관리스트 Top 감싸는 테이블 */
.safe {
	padding:5px 0 4px 0;
	text-align:left;
	border-bottom:1px solid #E6E6E6;
	font-size: 12px;line-height:1.5em; 
	}

.safe h2{
	font-size:14px;
	color:#333; 
	font-weight:bold;
	}
	
/* 펼쳐보기 부분 상단 감싸는 부분 */
.safe_w {
	width:100%;
	height:28px;
	padding: 0 ;font-size: 12px;line-height:1.5em;
	background: url(http://image.aladdin.co.kr/img/blog2/list_line.gif) repeat-x bottom;
	}
	
.safe_w2 {
	width:100%;
	height:35px;
	padding: 0 ;font-size: 12px;line-height:1.5em;
	background: url(http://image.aladdin.co.kr/img/blog2/list_line.gif) repeat-x bottom;
	}	
	
/* 펼쳐보기 부분 하단 감싸는 부분*/
.safe_wd {
	width:100%;
	height:28px;
	padding: 0 ;
	background: url(http://image.aladdin.co.kr/img/blog2/list_line.gif) repeat-x top;
	padding-top:10px;
	}
	
.safe_wrap {font-size: 12px;line-height:1.5em;float:left;}

/* 새 마이리스트 상단 감싸는 부분 */
.newmylist_w {
	width:100%;
	height:32px;
	padding: 0 ;
	background: url(http://image.aladdin.co.kr/img/blog2/list_line.gif) repeat-x bottom;
	}
	

/*** 분야별찾기 레이어 *******************/
.front_b {
      float:left;
	  width:100px;
	  height:16px;
	  font-size:11px;
	  font-family:dotum;
	  color:#454545;
	  padding:1px 0px 0px 4px;
    
	  background: url(http://image.aladdin.co.kr/img/blog2/front_b.gif) repeat-x top #FFF;
      border:#D3D3D3 solid 1px;
	  margin: 0px 0px 1px 0px;
	  }
	  
.front_b2 {
      float:left;
	  width:100px;
	  height:17px;
	  font-size:11px;
	  font-family:dotum;
	  color:#454545;
	  padding:1px 0px 0px 4px;
    
	  background: url(http://image.aladdin.co.kr/img/blog2/front_b.gif) repeat-x top #FFF;
      border:#D3D3D3 solid 1px;
	  margin: 0 3px 1px 0;
	  }  
	  
.front_b3 {
      float:left;
	  width:130px;
	  height:17px;
	  font-size:11px;
	  font-family:dotum;
	  color:#454545;
	  padding:1px 0px 0px 4px;
    
	  background: url(http://image.aladdin.co.kr/img/blog2/front_b.gif) repeat-x top #FFF;
      border:#D3D3D3 solid 1px;
	  margin: 0 0 1px 3px;
	  }  
	  


/* 보관리스트 TOP- 왼쪽 설명  */

.red {color:#DF4401;/*#CC0105;*/}
a.red:link {color:#DF4401;font-family: dotum; font-size:11px; text-decoration:underline;}	
a.red:visited {color:#DF4401;font-family:dotum; font-size:11px;text-decoration:underline;}
a.red:hover {font-family:dotum; font-size:11px;text-decoration:none;color:#fff;background-color:#336699; }



/*** 리스트 버튼 배경*************/
.keep {

 background-color:#F2F2F2;
 border-bottom:1px solid #E6E6E6;
 text-align:right;
 padding:5px 5px 0 0;
 }
.keep2 {

 background-color:#F2F2F2;
 border-top:1px solid #E6E6E6;
 text-align:right;
 padding:3px 5px 2px 0;
 }
.keep_bk {
 padding:4px 5px 0 0;
 text-align:right;}
 
 /*** 책표지 *****/
.coverlist {float:left; width:420px; margin: 0; padding: 0; font-family: dotum; }
.coverlist dl {float:left; margin:0 ; padding:0; display: inline; width: 420px;  }
.coverlist dt {float:left/*right; width:340px; */margin:0 0 10px 10px; padding:0;}
.coverlist dd { float:left; margin: 0 0 0 80px; padding:0;  }
.coverlist dl dd.cover { margin: 0; padding:0; }
.coverlist dd.cover img {float:left; padding: 0; margin: 0; }

 /*** 리스트에 상품추가 책표지 *****/
.coverlist2 {float:left; width:420px; margin: 0; padding: 0; font-family: dotum; }
.coverlist2 dl {float:left; margin:0 ; padding:0; display: inline; width: 430px; }
.coverlist2 dt{float:left/*right; width:360px;*/ margin:0 0 10px 10px; padding:0;}
.coverlist2 dd{ float:left; margin: 0 0 0 80px; padding:0;  }
.coverlist2 dl dd.cover { margin: 0; padding:0; }
.coverlist2 dd.cover img {float:left; padding: 0; margin: 0; }

 /*** 프린트에 상품추가 책표지 *****/
.coverlist3 {float:left; width:521px; margin: 0; padding: 0; font-family: dotum; /*background-color:red;*/ }
.coverlist3 dl {float:left; margin:0 ; padding:0; display: inline; width: 521px; }
.coverlist3 dt{float:left/*right; width:445px; */margin:0 0 10px 10px; padding:0; /*background-color:blue*/}
.coverlist3 dd{ float:left; margin: 0 0 0 80px; padding:0;  }
.coverlist3 dl dd.cover { margin: 0; padding:0; }
.coverlist3 dd.cover img {float:left; padding: 0; margin: 0; }

/*** 책표지 버튼 감싸는 테이블 *****/
.cover_wrap {
 float:left;
 padding:20px 0 20px 0;
 overflow:hidden;
 font-size: 12px;line-height:1.5em;
}


/*** 리스트 가격/출판사 표시  *****/
.price {color: #B54A72;}
.author {color:#919191;}
.grey {color: #999; font-family:dotum;font-size:8pt;}


/*** 리스트 링크 *****/

a.coverli:link {color:#369;}	
a.coverli:visited {color:#369;}
a.coverli:hover {text-decoration:none;color:#fff; background-color:#369; }




/*** 장바구니버튼 *****/

/*** 장바구니버튼 3개일떄 *****/
.list_bu {float:right; width:135px; margin: 0; padding: 0; }
.list_bu dt{float:left;  margin:22px 0 0 0; padding:1px; width:20px; }
.list_bu dd {float:left; margin: 0;  padding:0; line-height: 15px; width:112px; }

/*** 장바구니버튼 2개일떄 *****/
.list_bu1 {float:right; width:135px; margin: 0; padding: 0; }
.list_bu1 dt{float:left;  margin:10px 0 0 0; padding:1px; width:20px; }
.list_bu1 dd {float:left; margin: 0;  padding:0; line-height: 15px; width:112px; }

/*** 리스트상품추가일때  *****/
.list_bu3 {float:right; width:105px; margin: 0; padding: 0; }
.list_bu3 dt{float:left;  margin:22px 0 0 0; padding:1px; width:20px; }
.list_bu3 dd {float:left; margin: 22px 0 0 0;  padding:0; line-height: 15px; width:100px; text-align:right; }




/*** 태그/코멘트 레이아웃 ****/
.ta_table {font-family:dotum; font-size:12px; width:560px;}
.ta_table td { padding:3px 0 0 3px; nowrap:nowrap; vertical-align: top; }


/*** 태그/코멘트 레이아웃 ****/
.ta_table2 {font-family:dotum; font-size:12px; width:532px;}
.ta_table2 td { padding:3px 0 0 3px; nowrap:nowrap; vertical-align: top; }

.ta_table3 {font-family:dotum; font-size:12px; }
.ta_table3 td { padding:3px 0 0 3px; nowrap:nowrap; vertical-align: top; }

/*** 태그 링크 ****/
a.tagli:link {color:#646464;font-family: dotum; font-size:12px; }	
a.tagli:visited {color:#646464;font-family:dotum; font-size:12px;}
a.tagli:hover {font-family:dotum; font-size:12px;text-decoration:none;color:#fff;background-color:#336699; }



/*** 코멘트 ****/

.inputbox { font-family:dotum; font-size:12px; color:#333333;  background-Color:#ffffff; border:1px solid #E6E6E6; width:110px; padding:2px;   }
.inputbox1 { font-family:dotum; font-size:12px; color:#333333;  background-Color:#ffffff; border:1px solid #E6E6E6; width:490px; padding:2px;  }
.inputbox3 { font-family:dotum; font-size:12px; color:#333333;  background-Color:#ffffff; border:1px solid #E6E6E6; width:470px; padding:2px;  }


/*** 한줄필드 ajax 쓰기 ****/
.inputbox2 {  font-family:dotum; font-size:12px; color:#333333; background-Color:#F3FCFB;border:1px solid #D2ECED; width:110px;  padding:2px; }



/*** 폼필드 스크롤 없는거 ****/
.coment_text {
font-family:dotum;
padding:4px  ;
font-size:12px; color:#686868;
border:1px solid #E6E6E6;
overflow:auto;
line-height:15px;
width:490px;
height:44px;}

/*** 폼필드 스크롤 없는거 ****/
.coment_text2 {
font-family:dotum;
padding:4px  ;
font-size:12px; color:#686868;
border:1px solid #E6E6E6;
overflow:auto;
line-height:15px;
width:470px;
height:44px;}
	
/*** 폼필드 스크롤 있을때 ****/
.coment_scroll {
font-family:dotum;
padding:4px;
font-size:12px; color:#686868;
/*
font-size:12px; color:#686868;
scrollbar-base-color:#D3E4EB;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#B7D2DE;
scrollbar-highlight-color:#F3FAFC;
scrollbar-3dlight-color:#D1DDE3;
scrollbar-shadow-color:#Ffffff;
scrollbar-darkshadow-color:#D3EBEB;
scrollbar-track-Color:#ffffff;*/
overflow:auto;
border:1px solid #D3E4EB;
background-color:#F3FAFC;
line-height: 15px;
width:490px;
height:44px;}

/*** 폼필드 쓰기에서 있을때 ****/
.coment_scroll2 {
font-family:dotum;
padding:4px;
font-size:12px; color:#686868;
overflow:auto;
border:1px solid #D3E4EB;
background-color:#F3FAFC;
line-height: 15px;
width:470px;
height:44px;}

/*** 한줄 라인*************/
.vline { border-top:1px solid #E6E6E6; }
.vline2 { border-top:1px solid #F2EDE3; }
.vline3 { border-top:1px solid #E6E6E6; margin:10px 0 20px 0;}

/*** 한줄 라인 굵은 거*************/
.vlines{ border-top:2px solid #E6E6E6; }


/* 보관리스트 시작 간단히보기 부분  */

/* 보관리스트  간략하게 세로 */
.safe_sim { float:left;  font-family: dotum; width:556px; margin :0 0 20px 0;  padding:0;  display: inline; /*background-color:red;*/  }
.safe_sim dl{float:left; width:169px;   margin :0 7px 0 7px; padding:0; /*background-color:blue; */}
.safe_sim dd{ padding:0; line-height:17px;  /*text-align:center;*/ margin :6px 0 0 0;/*background-color:yellow; border:1px solid #000; */} 

/* 보관리스트  공개설정 */
#safe_topop { 
float:right;
}

/* 보관리스트  체크박스 */
.check_box {
margin: 0 6px 0 0;
vertical-align: top; }

/* 태그 감싸는 테이블 */
.cloud_wrap { padding:10px 0 30px 0;
 overflow:hidden;}
 
 /* 마이리스트 상단 -설명 */
.my_explan {
padding:10px 0 30px 0;
color: #8E8E8E;
font-size: 0.67em;line-height:1.5em;
 }
 
 

/* 마이리스트 Top  */
.mylist{
	padding:5px 0 4px 0;
	text-align:left;

	}
.mylist h2{
	font-size:14px;
	color:#333; 
	font-weight:bold;
	font-family: dotum;
	}
	
/*** 테이블 텍스트버튼 (전체/삭제)***********/	
.allselect {
	 padding:6px 0 6px 0 ; 
	 padding-right:5px;
	 text-align:right;
	 font-size: 12px;line-height:1.5em;

	}
	
	/* 테이블- 서재브리핑의 댓글 타이틀 */
#title_box {border:1px solid #CDCDCD; width:100%; height:30px; font-family:dotum; }
#title_box tr,th { background-Color:#EAEAEA; text-align:center; color:#7B7B7B;}


 /*** 테이블 상단 타이틀 색***********/	



/* 브리핑 테이블-서재브리핑의 댓글 리스트 */	
.rtable { width:560px; font-family:dotum; }
.rtable tr {vertical-align:top; }
.rtable td {line-height: 18px; text-align:center; padding-bottom:10px; nowrap:nowrap;}

/*.rtable a:link { font-weight:bold;}
.rtable a:hover { font-weight:bold;}
.rtable a:visited{ font-weight:bold;}*/

/* 블루 글자체링크  */	
.blue369 {color:#336699;}

/**** 패딩  들어간 거***/
.space10 {padding:10px;}
.space5 {padding:5px;}	



/*** 브리핑- 컨텐츠 영역 감싸는 테이블  *******************/
.brief_wrap { 
padding:3px;
overflow:hidden;
}

/* 브리핑화면 메인 타이틀 (회색 바탕) */
.brief_t {
	padding:5px;
	color:#333; 
	background-color:#F7F7F7;
	font-weight:bold;
	}

a.brief_t:link{color:#333;}	
a.brief_t:visited{color:#333;}		
a.brief_t:hover{color:#369;}

/* 방명록 브리핑 내용 */
.brief_con { padding:7px 5px 20px 5px; color:#DEDEDE;}
.brief_con ul {list-style:none; padding-left:0; }
.brief_con li{ padding: 5px 0 0 0; } 

/***  즐겨찾기 브리핑 텍스트 버튼 (최근48시간 이내)***********/	
.brief_bu {
	 padding: 10px 5px 0 0; 
	 text-align:right;
	}

a.brief_bu:link {color:#666;}	
a.brief_bu:visited {color:#666;}
a.brief_bu:hover {text-decoration:none;color:#fff;background-color:#369;}


/*** 브리핑 상단-먼댓글/댓글 버튼 메뉴 *******************/
.replay_up {
     padding-bottom:4px; 
	 padding-left:5px;
	 border-bottom:1px solid #E5E5E5;
	 text-align:left;
}
a.replay:link {color:#666666;font-family: dotum; font-size:11px; }	
a.replay:visited {color:#666666;font-family:dotum; font-size:11px;}
a.replay:hover {font-family:dotum; font-size:11px;text-decoration:none;color:#fff;background-color:#336699; }

a.replay2:link {color:#333;font-family: dotum; font-size:11px; font-weight:bold;}	
a.replay2:visited {color:#333;font-family:dotum; font-size:11px; font-weight:bold;}
a.replay2:hover {font-family:dotum; font-size:11px;text-decoration:none;color:#fff;background-color:#336699;font-weight:bold; }

/*****즐겨찾는 서재 해당 날짜*******/
.fa_date {font-size:13pt;  font-weight:bold; letter-spacing:-1px; margin:0 0 10px 0;}

/*****즐겨찾는 서재 서재정보*******/
.fa_info {  border:5px solid #F2F2F2; padding:10px; margin: 0 0 20px 0;}

.jjim { float:left;border-top: 1px dotted #ccc;  border-bottom: 1px dotted #ccc; padding: 6px 0 6px 0;}