@charset "utf-8";



/* 보관리스트 Top 감싸는 테이블 */
.safe {
	padding:5px 0 4px 0;
	text-align:left;
	border-bottom:1px solid #7B7B7B;
	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_line3.gif) repeat-x bottom;
	}
	
/* 펼쳐보기 부분 하단 감싸는 부분*/
.safe_wd {
	width:100%;
	height:28px;
	padding: 0 ;
	background: url(http://image.aladdin.co.kr/img/blog2/list_line3.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_line3.gif) repeat-x bottom;
	}
	

/*** 분야별찾기 레이어 *******************/
.front_b {
      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: 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 0 1px 4px;
	  } 
	  


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

.red {color:#DF4401;}
a.red:link {color:#CC0105;font-family: dotum; font-size:11px; text-decoration:underline;}	
a.red:visited {color:#CC0105;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 {
 height:25px;
 /*background-color:#F2F2F2;*/
 border-bottom:1px solid #949494/*898989*/;/*7B7B7B*/;
 text-align:right;
 padding:4px 5px 0 0;
 }
.keep2 {
 height:30px;
 /*background-color:#F2F2F2;*/
 border-top:1px solid #949494;
 text-align:right;
 padding:6px 5px 0 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: #5D5D5D; font-family:dotum;font-size:8pt;}
.grey2 {color: #5D5D5D;}


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

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; }




/*** 태그/코멘트 레이아웃 ****/
.ta_table {font-family:dotum; font-size:12px; width:560px; 
}
.ta_table 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:3px;   }
.inputbox1 { font-family:dotum; font-size:12px; color:#333333;  background-color:transparent;border:1px solid #E6E6E6; width:490px; padding:3px;  }


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



/*** 폼필드 스크롤 없는거 ****/
.coment_text {
font-family:dotum;
padding:4px  ;
font-size:12px; color:#454545;
border:1px solid #A0A0A0/*9A9A9A*/;
overflow:auto;
line-height:15px;
width:490px;
height:44px;
background-color:transparent;}
	
/*** 폼필드 스크롤 있을때 ****/
.coment_scroll {
font-family:dotum;
padding:4px;
font-size:12px; color:#454545;
overflow:auto;
overflow:auto;
border:1px solid #E6E6E6;
background-color:#F3F3F3;
line-height: 15px;
width:490px;
height:44px;}

/*** 한줄 라인*************/
.vline{ border-top:1px solid #949494/*898989*/; }
.vline3 { border-top:1px solid #7B7B7B; margin:10px 0 20px 0;}

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


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

/* 보관리스트  간략하게 세로 */
.safe_sim { float:left;  font-family: dotum; width:556px; margin :0 0 20px 0;   padding:0;  display: inline;}
.safe_sim dl{float:left; width:169px;   margin :0 7px 0 7px; padding:0;  }
.safe_sim dd{ padding:0; line-height:17px;  margin :6px 0 0 0; } 

/* 보관리스트  공개설정 */
#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 #999999; width:100%; height:30px; font-family:dotum; }
#title_box tr, th { background-Color:#BABABA; text-align:center; color:#545454;}


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



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

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

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



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

/* 브리핑화면 메인 타이틀 (회색 바탕) */
.brief_t {
	padding:5px;
	color:#333; 
	/*background-color:#F7F7F7;*/
	border-bottom:1px solid #868686;
	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:#666;}
.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 #C4C4C4/*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.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:#666;font-family: dotum; font-size:11px; font-weight:bold;}	
a.replay2:visited {color:#666;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 #FFF;  border-bottom: 1px dotted #FFF; padding: 6px 0 6px 0;}